@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

@font-face {
  font-family: "TwkLausanne-300";
  src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-400";
  src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-500";
  src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-600";
  src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "TwCenMT", sans-serif;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

.container {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

@-webkit-keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.padding-section {
  padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
}

.padding-top-section {
  padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
}

.cta-button-mobile {
  font-size: 10px;
}

.get-consultation-btn {
  position: relative;
  text-decoration: none;
  top: 100px;
  color: #000;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 34px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwCenMT", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
}

.get-consultation-btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn img {
  margin-left: 10px;
}

.overflow-hidden {
  overflow: hidden;
}

.abs {
  position: absolute;
}

@-webkit-keyframes mymove {
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes mymove {
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes rotating-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotating-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.get-quote {
  background-color: #211819;
  color: #fff;
}

.get-quote__wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.get-quote__wrapper h3 {
  font-family: "TwkLausanne-600";
  font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
  line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
}

.get-quote__wrapper p {
  font-family: "TwkLausanne-300";
  line-height: 24px;
}

.get-quote a {
  background-color: #fff;
  color: #000;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  scroll-behavior: smooth;
}

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

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #000;
  font-family: "TwkLausanne-400", "Inter", sans-serif;
  font-optical-sizing: auto;
  font-family: 1rem;
  scroll-behavior: smooth;
}

header {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
  z-index: 10;
}

header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
}

header nav a {
  text-decoration: none;
  color: #18191f;
  cursor: pointer;
  font-family: "TwCenMT", sans-serif;
}

header nav .logo-wrapper {
  width: 250px;
}

header nav .logo-wrapper img {
  max-width: 156px;
  width: 100%;
}

@media (max-width: 1000px) {
  header nav .logo-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    margin-left: 15px;
  }
}

header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

header nav .menu-mobile-wrapper {
  display: none;
}

@media (max-width: 1000px) {
  header nav .menu-mobile-wrapper {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  header nav .menu-mobile-wrapper button {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
  }
}

header nav ul.menu li {
  padding-left: 10px;
  padding-right: 10px;
}

header nav ul.menu li.active a {
  font-family: "TwkLausanne-400";
}

header nav ul.menu li:last-child {
  display: none;
}

@media (max-width: 1000px) {
  header nav ul.menu li:last-child {
    display: block;
  }
}

header nav ul.menu .overlay-close {
  display: none;
}

@media (max-width: 1000px) {
  header nav ul.menu {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
      -webkit-transform 0.4s ease-in-out;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(54, 54, 54, 0.9);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }

  header nav ul.menu li a {
    color: #fff;
    font-size: 36px;
  }

  header nav ul.menu.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }

  header nav ul.menu.open .overlay-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(./assets/images/close.svg) no-repeat center center;
    text-indent: 200%;
    color: rgba(0, 0, 0, 0);
    outline: none;
    z-index: 100;
  }
}

header nav ul.contact {
  width: 250px;
  justify-content: end !important;
}

header nav ul.contact .cta-button {
  padding: 10px 20px;
}

@media (max-width: 450px) {
  header nav ul.contact .cta-button {
    font-size: 12px;
    padding: 10px 10px;
  }
}

@media (max-width: 1000px) {
  header nav ul.contact {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  header nav ul.contact li:first-child {
    display: none;
  }
}

.footer {
  background-color: #050505;
}

.footer__wrapper {
  color: #fff;
  display: grid;
  grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

@media (max-width: 56.24875em) {
  .footer__wrapper {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0px;
    grid-row-gap: 50px;
  }
}

.footer__wrapper > div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.footer__wrapper > div:nth-child(1) > img {
  max-width: 250px;
  width: 100%;
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}

.footer__wrapper > div:nth-child(1) p {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.footer__wrapper > div:nth-child(1) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.footer__wrapper > div:nth-child(1) ul li a {
  display: block;
  background-color: #1e1e1e;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 500px;
}

.footer__wrapper > div:nth-child(1) h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer__wrapper > div:nth-child(1) form {
  background-color: #373737;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 15px 5px 5px;
  border-radius: 8px;
}

.footer__wrapper > div:nth-child(1) form input {
  width: 100%;
  padding: 10px;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 14px;
  font-weight: 400;
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(2),
.footer__wrapper > div:nth-child(3),
.footer__wrapper > div:nth-child(4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__wrapper > div:nth-child(2) h4,
.footer__wrapper > div:nth-child(3) h4,
.footer__wrapper > div:nth-child(4) h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer__wrapper > div:nth-child(2) ul,
.footer__wrapper > div:nth-child(3) ul,
.footer__wrapper > div:nth-child(4) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.footer__wrapper > div:nth-child(2) ul li a,
.footer__wrapper > div:nth-child(3) ul li a,
.footer__wrapper > div:nth-child(4) ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(4) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

.footer .copyright {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  line-height: 21px;
}

@media (max-width: 43.74875em) {
  .footer .copyright {
    margin-top: unset;
    padding: 20px 10px 70px 10px;
  }
}

.contact-form {
  display: none;
}

.contact-form.active {
  padding: 10px;
  position: fixed !important;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

.contact-form.active .outer-cont {
  background-color: #fff;
  max-width: 684px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
  border-radius: 20px;
  border: 1px solid #ddd;
  position: relative;
}

@media (max-width: 500px) {
  .contact-form.active .outer-cont {
    overflow: scroll;
    height: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.contact-form.active .outer-cont .inner-cont {
  width: 100%;
}

.contact-form.active .outer-cont .inner-cont h3 {
  color: #414042;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}

.contact-form.active .outer-cont .inner-cont p {
  color: #606060;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  max-width: 435px;
  width: 100%;
  margin-bottom: 39px;
}

.contact-form.active .outer-cont .inner-cont form#contactForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.contact-form.active .outer-cont .inner-cont form#contactForm label,
.contact-form.active .outer-cont .inner-cont form#contactForm input,
.contact-form.active .outer-cont .inner-cont form#contactForm textarea,
.contact-form.active .outer-cont .inner-cont form#contactForm button,
.contact-form.active .outer-cont .inner-cont form#contactForm select {
  width: 100%;
  outline: none;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec {
  width: 100%;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
  margin-bottom: 10px;
  display: block;
  color: #1d263a;
  font-family: Inter;
  font-size: 17px;
  font-weight: 600;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
.contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
.contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
  border-radius: 10px;
  background-color: rgba(224, 236, 240, 0.5);
  border: none;
  padding: 16px;
  color: #1d263a;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-webkit-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-webkit-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-webkit-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-moz-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-moz-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-moz-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input:-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea:-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select:-ms-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-ms-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: calc(100% - 16px);
}

.contact-form.active .outer-cont .inner-cont form#contactForm button {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 17px;
  font-weight: 500;
  padding: 14px;
  background-color: #e22828;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 56.24875em) {
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contact-form.active .outer-cont .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.contact-form.active .outer-cont #messageArea {
  margin-top: 10px;
}

.swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-container {
  position: relative;
  width: 100%;
  margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
  padding-top: 30px;
  min-height: calc(
    clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
      clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
  );
}

@media (max-width: 749px) {
  .swiper-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.swiper-container > .swiper-slide__content {
  position: absolute;
  top: 0;
}

.swiper-slide {
  border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
  overflow: hidden;
  height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
  display: flex;
  align-items: center;
  justify-content: center;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 200ms linear;
}

.swiper-slide.swiper-slide-active {
  height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
}

.swiper-slide__content {
  height: 300px;
}

ul.categ-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
}

ul.categ-cont li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
}

ul.categ-cont li span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

ul.categ-cont li span.red {
  background-color: #e22829;
}

ul.categ-cont li span.green {
  background-color: #64e228;
}

main {
  margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
}

main .hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.section-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  color: white;
  margin-bottom: 2rem;
}

main .hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 46px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

main .hero__wrapper div.cont .text-cont h1 {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 600px;
  margin-right: 500px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  line-height: 24px;
  font-size: 90px;

  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media (max-width: 750px) {
  .hero__wrapper {
    margin-top: 31px;
    padding: 0px 20px;
    padding-bottom: 139px;
  }

  main .hero__wrapper div.cont .text-cont h1 {
    font-size: clamp(4rem, 5vw, 3rem);
    margin-right: 0;
    max-width: 100%;
  }
  main .hero__wrapper div.cont .text-cont p,
  main .hero__wrapper div.cont .text-cont ul {
    max-width: 100%;
    margin: 0;
    padding: 0 0;
    box-sizing: border-box;
  }

  .hero {
    padding-left: 0;
  }
}

main .hero__wrapper div.cont .text-cont p {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 700px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  font-size: 24px;
  /* line-height: 24px; */

  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

main .hero__wrapper div.cont .text-cont ul {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 400px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 200px;
}

@media (max-width: 750px) {
  main {
    overflow-x: hidden !important;
  }
}

@media (max-width: 750px) {
  main .hero {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 14px;
    width: 100vw;
    /* padding-left: 40px; */
    overflow: hidden;
  }

  main .hero__wrapper div.cont h1 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  main .hero__wrapper div.cont .text-cont {
    width: 100%;
    max-width: 100%;
    /* padding-right: 20px; optional */
    box-sizing: border-box;
  }

  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
    overflow-x: hidden;
  }

  main {
    overflow-x: hidden;
  }
}

main .hero__wrapper div.cont .text-cont .categ .circle::before {
  -webkit-animation: mymove 2s infinite;
  animation: mymove 2s infinite;
  position: absolute;
  background-color: #64e228;
}

main .hero__wrapper div.cont .text-cont h1 {
  margin-top: 23px;
  font-family: "TwkLausanne-500";
  font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
  line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
  letter-spacing: 1px;
  /* width: 832px; */
  width: 100%;
}

main .hero__wrapper div.cont .text-cont h1 span.icon {
  display: inline-block;
  width: 25px;
  height: 28.939px;
  background-image: url(./assets/images/bc-icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 10px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

main .hero__wrapper div.cont .text-cont h1 span.amazing {
  background: center 67%/227% url("./assets/images/roseate-04.jpeg");
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0, 0, 0, 0);
}

main .hero__wrapper div.cont .text-cont ul {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
  text-decoration: none;
  color: #fff;
  background-color: #2f44ff;
  /* width: -webkit-fit-content; */
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwkLausanne-600";
  font-size: 14px;
  cursor: pointer;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
  text-decoration: none;
  color: #fff;
  background-color: #2f44ff;

  /* width: -webkit-fit-content; */
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwkLausanne-600";
  font-size: 14px;
  cursor: pointer;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
  color: #fff;
  font-family: "TwkLausanne-300";
  text-decoration-line: underline;
} */

main .hero__wrapper div.cont .text-cont .rates {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

main .hero__wrapper div .text-cont .description {
  font-family: "TwCenMT", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 36px;
  /* padding: 0 8px; */
}

.description-styles {
  color: #000 !important;
  margin-top: 6px !important;
  /* font-size: clamp(16px, 2vw, 26px) !important; */
  line-height: 1.5 !important;
  margin-bottom: 50px !important;
}

main .hero__wrapper div .text-cont .title {
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  width: 100%;
  margin-top: 38px;
  margin-bottom: 18px;
}

.hero-btn-styles {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero-btn-styles li a {
  display: inline-block;
  padding: 12px 24px;
  background: #2f44ff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition: background 0.3s ease;
}

@media (max-width: 768px) {
  .hero-btn-styles li a {
    padding: 12px 16px;
  }

  main .hero__wrapper div .text-cont .title {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .description-styles {
    color: #000 !important;
    margin-bottom: 27px !important;
  }

  .hero-btn-styles {
    flex-direction: row !important;
    justify-content: space-between;
  }
}

main .about {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
  text-align: center;
  padding-top: 80px;
  font-family: "TwCenMT", sans-serif;
  font-size: 40px;
  font-weight: 700;
  overflow: hidden;
}

main .about .container-about {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: "TwCenMT", sans-serif;
}

.view-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  width: 140px;
  font-family: "TwCenMT", sans-serif;
}

.arrow {
  width: 30px;
  height: auto;
  margin-left: 10px;
}

.about-cf-text {
  text-align: left;
  font-family: "TwCenMT", sans-serif;
  width: 580px;
  font-weight: 400;
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 60px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-admin-text {
  text-align: left;
  font-family: "TwCenMT", sans-serif;
  width: 580px;
  font-weight: 300;
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 60px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.highlighted__text {
  font-weight: 700;
}

.expertise-text {
  margin-top: 60px;
  font-weight: 400;
  font-size: 22px;
  font-family: "TwCenMT", sans-serif;
  line-height: 28px;
}

.cyber-fox-image {
  width: auto;
  height: 400px;
}

.admin-image {
  height: 500px;
  width: auto;
}

.admin-image-mobile {
  height: 400px;
}

main .about .container-about .container-about-first img {
  height: 400px;
  width: auto;
}

main .about .container-about .about-content-second img {
  height: 600px;
}

main .services {
  background-image: url("./assets/images/services_bg-compressed.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

main .services__wrapper--services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main .services__wrapper--services li {
  border-radius: 24px;
  padding-bottom: 20px;
  background: #f9f9f9;
  overflow: hidden;
  width: calc((100% - 20px) / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  main .services__wrapper--services li {
    width: calc((100% - 120px) / 5);
  }
}

@media (max-width: 56.24875em) {
  main .services__wrapper--services li {
    width: 22%;
  }
}

@media (max-width: 43.74875em) {
  main .services__wrapper--services li {
    width: 30%;
  }
}

@media (max-width: 560px) {
  main .services__wrapper--services li {
    width: 46%;
  }
}

main .services__wrapper--services li .img-cont {
  border-radius: 24px;
  width: 100%;
}

main .services__wrapper--services li .img-cont img {
  width: 100%;
  height: auto;
}

main .services .text-blockchain {
  max-width: 1152px;
  width: 100%;
  margin: 0 auto;
  font-style: normal;
  padding-left: 20px;
  padding-right: 20px;
}

main .services .text-blockchain h2 {
  font-family: "TwCenMT", sans-serif;
  line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
  font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
  text-align: center;
}

@media (max-width: 56.24875em) {
  main .services .text-blockchain h2 {
    text-align: left;
  }
}

main .services .text-blockchain h2 span.dmcc {
  font-family: "TwCenMT", sans-serif;
  font-weight: 500;
}

main .services .text-blockchain h2 span.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/images/bc-icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 5px;
  font-family: "TwCenMT", sans-serif;
}

main .services .text-blockchain h2 span.colored {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f5160f),
    to(#0e12e7)
  );
  background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  font-family: "TwCenMT", sans-serif;
}

main .services .text-blockchain h2 span.fade1 {
  color: #727272;
}

main .services .text-blockchain h2 span.fade2 {
  color: rgba(114, 114, 114, 0.45);
}

main .services .text-blockchain h2 span.fade3 {
  color: rgba(114, 114, 114, 0.45);
}

main .services .text-blockchain h2 span.fade4 {
  color: #e4e4e4;
}

main .value {
  padding-left: 10px;
  padding-right: 10px;
}

main .value__wrapper {
  background-color: #1a1a1a;
  max-width: 1412px;
  width: 100%;
  margin: 0 auto;
  border-radius: 36px;
  padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
}

main .value__wrapper--container {
  color: #ebebeb;
  text-align: center;
}

main .value__wrapper--container h2 {
  font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
  font-family: "TwCenMT", sans-serif;
}

main .value__wrapper--container .map {
  background-image: url(./assets/images/bg-map.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
  margin-top: 70px;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .map {
    background-position: top;
  }
}

main .value__wrapper--container .map .text-cont {
  text-align: center;
  color: #fff;
}

main .value__wrapper--container .map .text-cont img {
  width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
}

main .value__wrapper--container .map .text-cont p {
  font-family: "TwkLausanne-600";
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: 80px;
}

main .value__wrapper--container .map .text-cont span {
  margin-top: 27px;
  display: inline-block;
  max-width: 430px;
  line-height: 25px;
}

main .value__wrapper--container .map span[class*="float-"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
}

@media (max-width: 980px) {
  main .value__wrapper--container .map span[class*="float-"] {
    display: none;
  }
}

main .value__wrapper--container .map .float-1 {
  width: 51px;
  height: 51px;
  top: 103px;
  left: 213px;
  background-image: url(./assets/images/value/icon-1.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
}

main .value__wrapper--container .map .float-2 {
  width: 32px;
  height: 32px;
  bottom: 172px;
  left: 227px;
  background-image: url(./assets/images/value/icon-3.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

main .value__wrapper--container .map .float-3 {
  width: 32px;
  height: 32px;
  top: 20px;
  margin-right: -50px;
  background-image: url(./assets/images/value/icon-3.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
}

main .value__wrapper--container .map .float-4 {
  width: 32px;
  height: 32px;
  margin-right: -100px;
  background-image: url(./assets/images/value/icon-4.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

main .value__wrapper--container .map .float-5 {
  width: 32px;
  height: 32px;
  top: 137px;
  right: 227px;
  background-image: url(./assets/images/value/icon-2.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

main .value__wrapper--container .map .float-6 {
  width: 32px;
  height: 32px;
  bottom: 118px;
  right: 122px;
  background-image: url(./assets/images/value/icon-1.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

main .value__wrapper--container .development {
  margin-top: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .development {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
  }
}

main .value__wrapper--container .development > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  text-align: center;
}

main .value__wrapper--container .development > div p {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

main .value__wrapper--container .development > div span {
  line-height: 25px;
  letter-spacing: 1px;
  font-family: "TwkLausanne-300";
}

main .value__wrapper--container .development .cont-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
  text-align: center;
}

main .value__wrapper--container .development .cont-1 .one-zero {
  max-width: 368px;
  width: 100%;
  min-height: 385px;
  background-image: url(./assets/images/bg-one-zero.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .value__wrapper--container .development .cont-1 .one-zero img {
  -o-object-fit: cover;
  object-fit: cover;
}

main
  .value__wrapper--container
  .development
  .cont-1
  .one-zero
  img:nth-child(1) {
  width: 78px;
  height: 77px;
  margin-bottom: 33px;
}

main
  .value__wrapper--container
  .development
  .cont-1
  .one-zero
  img:nth-child(2) {
  width: 131px;
  margin-bottom: 65px;
  height: 129px;
}

main .value__wrapper--container .development .cont-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
}

main .value__wrapper--container .development .cont-2 img {
  max-width: 313px;
  width: 100%;
  margin-bottom: 25px;
}

main .value__wrapper--container .development .cont-2 p {
  margin-bottom: 27px;
}

main .value__wrapper--container .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
  margin-top: 115px;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .category {
    margin-top: 70px;
  }
}

main .value__wrapper--container .category li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
  color: #000;
}

.value__footer-image {
  position: relative;
  left: 50%;
  bottom: -194px;
  transform: translateX(-50%);
  width: 100%;
  height: 615px;
  background-image: url("./assets/images/footer-banner-compressed.png");
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  z-index: 1;
}

.value__footer-image .overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 170px 20px;
  text-align: center;
  color: white;
  font-size: 1.25rem;
  line-height: 1.6;
  font-family: "TwkLausanne-300", sans-serif;
  background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
}

main .value h3 {
  max-width: 1090px;
  margin: 0 auto;
  font-family: "TwkLausanne-500";
  margin-top: 55px;
  color: #fff;
  text-align: center;
  font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
  line-height: normal;
  letter-spacing: 1px;
}

main .partners ul {
  display: grid;
  grid-template-columns: repeat(
    3,
    clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
  );
  grid-template-rows: 1fr;
  grid-column-gap: 77px;
  grid-row-gap: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 43.74875em) {
  main .partners ul {
    grid-template-columns: repeat(2, 150px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

main .partners ul li img {
  width: 100%;
}

main .blockchain-solutions {
  overflow: hidden;
}

main .blockchain-solutions__wrapper {
  text-align: center;
}

main .blockchain-solutions__wrapper span {
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
}

main .blockchain-solutions__wrapper h2 {
  font-family: "TwCenMT", sans-serif;
  font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
  margin-top: 40px;
  font-weight: 600;
}

main .blockchain-solutions__wrapper p {
  max-width: 435px;
  width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 25px;
  max-width: 600px;
  font-family: "TwCenMT", sans-serif;
  line-height: 25px;
}

main .get-quote {
  background-color: #242424;
  background-image: url("./assets/images/get-quote-bg-compressed.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  z-index: 1;
}

main .get-quote__wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .get-quote__wrapper h3 {
  font-family: "TwkLausanne-600";
  font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
  line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
}

main .get-quote__wrapper p {
  font-family: "TwkLausanne-300";
  line-height: 24px;
}

main .get-quote a {
  background-color: #fff;
  color: #000;
}

main.inner-pages .inner-title {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
  margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
  margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
  max-width: 490px;
  width: 100%;
}

main.inner-pages .inner-header .inner-header-cont {
  padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
  padding-bottom: 5.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

main.inner-pages .inner-header .inner-header-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
  margin-top: 0.8125rem;
  font-family: "TwkLausanne-500";
  font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
  line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
  letter-spacing: 1px;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
  margin-top: 1.25rem;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
  margin-top: 1.8125rem;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
  height: 19.0625rem;
  border-radius: 16px;
  background: #d9d9d9;
  overflow: hidden;
}

@media (max-width: 56.24875em) {
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    display: none;
  }
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-1 .section-1-cont {
  background-color: #f5f7fa;
  padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
  border-radius: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-1 .section-1-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}

main.inner-pages .section-1 .section-1-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
  line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
  letter-spacing: 1px;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
  margin-top: 1.1875rem;
  color: #9ba3b2;
  font-family: "TwkLausanne-300";
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    margin-top: 25px;
  }
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 13px;
  border-radius: 100%;
  background-image: url(./assets/images/circle-check.svg);
}

main.inner-pages
  .section-1
  .section-1-cont
  .section-1-cont-left
  ul
  p:nth-child(2) {
  margin-top: 22px;
  font-family: "TwkLausanne-500";
}

main.inner-pages
  .section-1
  .section-1-cont
  .section-1-cont-left
  ul
  p:last-child {
  margin-top: 11px;
  color: #000;
  font-family: "TwkLausanne-300";
  line-height: 20px;
  letter-spacing: 1px;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
  height: 19.0625rem;
  border-radius: 16px;
  background: #d9d9d9;
  overflow: hidden;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: unset;
    width: 75%;
  }
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    width: 100%;
  }
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-2 {
  margin-bottom: 44px;
}

main.inner-pages .section-2 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 55px;
  grid-row-gap: 29px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-2 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-2 ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

main.inner-pages .section-2 ul li {
  border-radius: 12px;
  background: #f5f7fa;
  padding: 42px 24px 74px 24px;
}

main.inner-pages .section-2 ul li span {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(./assets/images/circle-check.svg);
  border-radius: 100%;
}

main.inner-pages .section-2 ul li p:nth-child(2) {
  font-family: "TwkLausanne-500";
  margin-top: 22px;
}

main.inner-pages .section-2 ul li p:nth-child(3) {
  margin-top: 22px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-2 ul li a {
  color: #000;
  text-decoration: none;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
  margin-top: 36px;
  display: inline-block;
}

main.inner-pages .section-3 {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 123px;
}

main.inner-pages .section-3 .section-3-cont {
  border-radius: 36px;
  background: #f5f7fa;
  padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-3 .section-3-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}

main.inner-pages .section-3 .section-3-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
  margin-top: 21px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
  margin-top: 25px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 29px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
  border-radius: 16px;
  background: #d8e0eb;
  padding: 16px 27px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 43.74875em) {
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title {
    display: grid;
    grid-template-columns: 16px 1fr 24px;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  span.icon-1 {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 100%;
  -ms-flex-item-align: self-start;
  align-self: self-start;
  margin-top: 5px;
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  .desc
  p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  span.icon-2 {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(./assets/images/arrow-right-black.svg);
}

main.inner-pages .section-4 .section-4-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-4 .section-4-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
  border-radius: 12px;
  background: #f5f7fa;
  padding: 31px 40px 31px 24px;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
  background-image: url(./assets/images/circle-check.svg);
  width: 24px;
  height: 24px;
  display: block;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  > div
  p:nth-child(2) {
  font-family: "TwkLausanne-500";
  margin-top: 22px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  > div
  p:nth-child(3) {
  margin-top: 22px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  div:last-child {
  margin-top: 16px;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  border-radius: 12px;
  background: #f5f7fa;
  padding: 31px;
  text-align: center;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
  height: 305px;
  overflow: hidden;
  max-width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 16px;
  background: #d9d9d9;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-right
  p:nth-child(2) {
  font-family: "TwkLausanne-500";
  font-size: 22px;
  margin-top: 21px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-right
  p:nth-child(3) {
  margin-top: 15px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-5 .section-5-cont h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
}

main.inner-pages .section-5 .section-5-cont > p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
  max-width: 516px;
  width: 100%;
}

main.inner-pages .section-5 .section-5-cont ul {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-5 .section-5-cont ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

main.inner-pages .section-5 .section-5-cont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-5 .section-5-cont ul li {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
  }
}

main.inner-pages .section-5 .section-5-cont ul li span {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(./assets/images/circle-check.svg);
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-5 .section-5-cont ul li p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main section {
  padding-bottom: 158px;
}

@media (max-width: 768px) {
  main section {
    padding-bottom: 0px;
  }
}

.privacy-policy-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}

.privacy-policy-wrapper .container h2 {
  text-align: center;
  font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
  font-family: "TwkLausanne-600";
  line-height: normal;
  margin-bottom: 50px;
}

.privacy-policy-wrapper .container h3,
.privacy-policy-wrapper .container p,
.privacy-policy-wrapper .container li {
  margin-bottom: 25px;
}

.privacy-policy-wrapper .container h3 {
  font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
  font-style: normal;
  font-family: "TwkLausanne-600";
  line-height: 44px;
}

.privacy-policy-wrapper .container p,
.privacy-policy-wrapper .container li {
  line-height: 25px;
  letter-spacing: 1px;
  font-family: "TwkLausanne-300";
}

.privacy-policy-wrapper .container ul {
  list-style-type: disc;
  margin-left: 20px;
}

.privacy-policy-wrapper .container p span,
.privacy-policy-wrapper .container ul li strong {
  font-weight: bold;
}

@media (max-width: 750px) {
  .container-about {
    flex-direction: column !important;
    align-items: center;
    gap: 40px;
  }

  .about-cf-text,
  .about-admin-text {
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
    text-align: center;
  }

  .cyber-fox-image,
  .admin-image,
  .admin-image-mobile {
    width: 90%;
    height: auto;
  }

  .about-title h2 {
    font-size: 1.8rem;
  }

  .about-title h5 {
    font-size: 1rem;
    margin-top: 10px;
  }

  .expertise-text {
    font-size: 18px;
    padding: 0 20px;
    text-align: center;
  }

  .view-link {
    margin: 0 auto;
    justify-content: center;
  }
}

@media (max-width: 750px) {
  .about-title-h2 {
    color: #000;
  }
}

@media (max-width: 750px) {
  .value__footer-image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    height: auto !important;
    min-height: 500px;
  }

  .value__footer-image .overlay {
    padding: 20px 20px !important;
  }
}

.contract-form {
  background-color: #0a1833;
  padding: 30px 55px;
  width: 100%;
  flex: 1;
  min-width: 40%;
  /* max-width: 548px; */
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.contract-form .group-cont {
  margin-bottom: 20px;
}

.contract-form .sec input,
.contract-form .sec textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #333;
  border-radius: 8px;
  color: #000;
  transition: all 0.3s ease;
}

.contract-form .sec input:focus,
.contract-form .sec textarea:focus {
  border-color: #2f44ff;
  outline: none;
}

.contract-form .sec input::placeholder,
.contract-form .sec textarea::placeholder {
  color: #666;
}

.contract-form button {
  width: 100%;
  padding: 0;
  background-color: #2f44ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.contract-form button:hover {
  background-color: #1f32e0;
  transform: translateY(-2px);
}

#messageArea {
  margin-top: 15px;
  text-align: center;
  color: #fff;
}

@media (max-width: 768px) {
  .contract-form {
    padding: 20px;
  }
}

.max-w-42 {
  max-width: 42rem;
  width: 100%;
}

/* .hero-styles {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1432px !important;
  margin: 0 auto;
  padding: 0px;
} */

.hero-styles {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
}

.hero-section {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  min-height: calc(100dvh - 68px) !important;
  height: 100% !important;
  padding: 0 10%;
}

@media (max-width: 768px) {
  .hero-styles {
    padding: 0 0px;
    gap: 8px;
  }

  .hero-section {
    min-height: calc(100dvh - 60px) !important;
    height: 100% !important;
  }
}

/* Hero background image styles */
.hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

@media (max-width: 768px) {
  .hero .cont {
    flex-direction: column;
  }

  .contract-form {
    margin-top: 15px;
    padding-top: 30px !important;
  }
}

/* Hero section button styles */
.hero .text-cont ul {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero .text-cont ul li {
  margin: 0;
  padding: 0;
}

.hero .text-cont ul li .btn {
  display: inline-block;
  width: auto;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .hero .cont {
    flex-direction: column;
  }

  .contract-form {
    margin-top: 15px;
    /*padding-top: 30px !important;*/
  }

  .hero .text-cont ul {
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }

  .hero .text-cont ul li {
    width: fit-content;
  }

  .hero .text-cont ul li .btn {
    width: 100%;
    text-align: center;
  }
}

.form-input-styles {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 22px;
  height: 70px;
}

.h3-styles {
  text-align: center;
  margin-bottom: 26px;
  font-size: 36px;
  font-weight: 700;
  margin-top: 0px;
}

.h6-styles {
  text-align: center;
  margin-bottom: 26px;
  font-weight: 400;
  font-size: 32px;
  margin-top: 0px;
}

.label-styles {
  display: block;
  font-size: 26px;
  display: block;
  color: #fff;
  margin-bottom: 4px;
  font-weight: 400;
  line-height: 36px;
}

.submit-btn-styles {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-weight: 400;
  padding: 14px;
  background-color: #2f44ff;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  height: 108px;
}

.trusted-text {
  text-align: center;
  margin-top: 26px;
  font-size: 26px;
  font-weight: 400;
  color: #fff;
}

.nav-styles {
  max-width: 100% !important;
  padding: 0 10%;
}

@media screen and (min-width: 2560px) and (max-width: 2561px)  {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

@font-face {
  font-family: "TwkLausanne-300";
  src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-400";
  src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-500";
  src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-600";
  src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "TwCenMT", sans-serif;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

.container {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

@-webkit-keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.padding-section {
  padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
}

.padding-top-section {
  padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
}

.cta-button-mobile {
  font-size: 10px;
}

.get-consultation-btn {
  position: relative;
  text-decoration: none;
  top: 100px;
  color: #000;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 34px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwCenMT", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
}

.get-consultation-btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn img {
  margin-left: 10px;
}

.overflow-hidden {
  overflow: hidden;
}

.abs {
  position: absolute;
}

@-webkit-keyframes mymove {
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes mymove {
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes rotating-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotating-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.get-quote {
  background-color: #211819;
  color: #fff;
}

.get-quote__wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.get-quote__wrapper h3 {
  font-family: "TwkLausanne-600";
  font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
  line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
}

.get-quote__wrapper p {
  font-family: "TwkLausanne-300";
  line-height: 24px;
}

.get-quote a {
  background-color: #fff;
  color: #000;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  scroll-behavior: smooth;
}

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

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #000;
  font-family: "TwkLausanne-400", "Inter", sans-serif;
  font-optical-sizing: auto;
  font-family: 1rem;
  scroll-behavior: smooth;
}

header {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
  z-index: 10;
}

header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
}

header nav a {
  text-decoration: none;
  color: #18191f;
  cursor: pointer;
  font-family: "TwCenMT", sans-serif;
}

header nav .logo-wrapper {
  width: 250px;
}

header nav .logo-wrapper img {
  max-width: 156px;
  width: 100%;
}

@media (max-width: 1000px) {
  header nav .logo-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    margin-left: 15px;
  }
}

header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

header nav .menu-mobile-wrapper {
  display: none;
}

@media (max-width: 1000px) {
  header nav .menu-mobile-wrapper {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  header nav .menu-mobile-wrapper button {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
  }
}

header nav ul.menu li {
  padding-left: 10px;
  padding-right: 10px;
}

header nav ul.menu li.active a {
  font-family: "TwkLausanne-400";
}

header nav ul.menu li:last-child {
  display: none;
}

@media (max-width: 1000px) {
  header nav ul.menu li:last-child {
    display: block;
  }
}

header nav ul.menu .overlay-close {
  display: none;
}

@media (max-width: 1000px) {
  header nav ul.menu {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
      -webkit-transform 0.4s ease-in-out;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(54, 54, 54, 0.9);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }

  header nav ul.menu li a {
    color: #fff;
    font-size: 36px;
  }

  header nav ul.menu.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }

  header nav ul.menu.open .overlay-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(./assets/images/close.svg) no-repeat center center;
    text-indent: 200%;
    color: rgba(0, 0, 0, 0);
    outline: none;
    z-index: 100;
  }
}

header nav ul.contact {
  width: 250px;
  justify-content: end !important;
}

header nav ul.contact .cta-button {
  padding: 10px 20px;
}

@media (max-width: 450px) {
  header nav ul.contact .cta-button {
    font-size: 12px;
    padding: 10px 10px;
  }
}

@media (max-width: 1000px) {
  header nav ul.contact {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  header nav ul.contact li:first-child {
    display: none;
  }
}

.footer {
  background-color: #050505;
}

.footer__wrapper {
  color: #fff;
  display: grid;
  grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

@media (max-width: 56.24875em) {
  .footer__wrapper {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0px;
    grid-row-gap: 50px;
  }
}

.footer__wrapper > div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.footer__wrapper > div:nth-child(1) > img {
  max-width: 250px;
  width: 100%;
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}

.footer__wrapper > div:nth-child(1) p {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.footer__wrapper > div:nth-child(1) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.footer__wrapper > div:nth-child(1) ul li a {
  display: block;
  background-color: #1e1e1e;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 500px;
}

.footer__wrapper > div:nth-child(1) h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer__wrapper > div:nth-child(1) form {
  background-color: #373737;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 15px 5px 5px;
  border-radius: 8px;
}

.footer__wrapper > div:nth-child(1) form input {
  width: 100%;
  padding: 10px;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 14px;
  font-weight: 400;
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(2),
.footer__wrapper > div:nth-child(3),
.footer__wrapper > div:nth-child(4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__wrapper > div:nth-child(2) h4,
.footer__wrapper > div:nth-child(3) h4,
.footer__wrapper > div:nth-child(4) h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer__wrapper > div:nth-child(2) ul,
.footer__wrapper > div:nth-child(3) ul,
.footer__wrapper > div:nth-child(4) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.footer__wrapper > div:nth-child(2) ul li a,
.footer__wrapper > div:nth-child(3) ul li a,
.footer__wrapper > div:nth-child(4) ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(4) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

.footer .copyright {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  line-height: 21px;
}

@media (max-width: 43.74875em) {
  .footer .copyright {
    margin-top: unset;
    padding: 20px 10px 70px 10px;
  }
}

.contact-form {
  display: none;
}

.contact-form.active {
  padding: 10px;
  position: fixed !important;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

.contact-form.active .outer-cont {
  background-color: #fff;
  max-width: 684px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
  border-radius: 20px;
  border: 1px solid #ddd;
  position: relative;
}

@media (max-width: 500px) {
  .contact-form.active .outer-cont {
    overflow: scroll;
    height: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.contact-form.active .outer-cont .inner-cont {
  width: 100%;
}

.contact-form.active .outer-cont .inner-cont h3 {
  color: #414042;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}

.contact-form.active .outer-cont .inner-cont p {
  color: #606060;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  max-width: 435px;
  width: 100%;
  margin-bottom: 39px;
}

.contact-form.active .outer-cont .inner-cont form#contactForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.contact-form.active .outer-cont .inner-cont form#contactForm label,
.contact-form.active .outer-cont .inner-cont form#contactForm input,
.contact-form.active .outer-cont .inner-cont form#contactForm textarea,
.contact-form.active .outer-cont .inner-cont form#contactForm button,
.contact-form.active .outer-cont .inner-cont form#contactForm select {
  width: 100%;
  outline: none;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec {
  width: 100%;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
  margin-bottom: 10px;
  display: block;
  color: #1d263a;
  font-family: Inter;
  font-size: 17px;
  font-weight: 600;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
.contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
.contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
  border-radius: 10px;
  background-color: rgba(224, 236, 240, 0.5);
  border: none;
  padding: 16px;
  color: #1d263a;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-webkit-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-webkit-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-webkit-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-moz-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-moz-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-moz-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input:-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea:-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select:-ms-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-ms-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: calc(100% - 16px);
}

.contact-form.active .outer-cont .inner-cont form#contactForm button {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 17px;
  font-weight: 500;
  padding: 14px;
  background-color: #e22828;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 56.24875em) {
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contact-form.active .outer-cont .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.contact-form.active .outer-cont #messageArea {
  margin-top: 10px;
}

.swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-container {
  position: relative;
  width: 100%;
  margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
  padding-top: 30px;
  min-height: calc(
    clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
      clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
  );
}

@media (max-width: 749px) {
  .swiper-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.swiper-container > .swiper-slide__content {
  position: absolute;
  top: 0;
}

.swiper-slide {
  border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
  overflow: hidden;
  height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
  display: flex;
  align-items: center;
  justify-content: center;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 200ms linear;
}

.swiper-slide.swiper-slide-active {
  height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
}

.swiper-slide__content {
  height: 300px;
}

ul.categ-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
}

ul.categ-cont li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
}

ul.categ-cont li span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

ul.categ-cont li span.red {
  background-color: #e22829;
}

ul.categ-cont li span.green {
  background-color: #64e228;
}

main {
  margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
}

main .hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.section-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  color: white;
  margin-bottom: 2rem;
}

main .hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 46px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

main .hero__wrapper div.cont .text-cont h1 {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 600px;
  margin-right: 500px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  line-height: 24px;
  font-size: 90px;

  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media (max-width: 750px) {
  .hero__wrapper {
    margin-top: 31px;
    padding: 0px 20px;
    padding-bottom: 139px;
  }

  main .hero__wrapper div.cont .text-cont h1 {
    font-size: clamp(4rem, 5vw, 3rem);
    margin-right: 0;
    max-width: 100%;
  }
  main .hero__wrapper div.cont .text-cont p,
  main .hero__wrapper div.cont .text-cont ul {
    max-width: 100%;
    margin: 0;
    padding: 0 0;
    box-sizing: border-box;
  }

  .hero {
    padding-left: 0;
  }
}

main .hero__wrapper div.cont .text-cont p {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 700px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  font-size: 24px;
  /* line-height: 24px; */

  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

main .hero__wrapper div.cont .text-cont ul {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 400px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 200px;
}

@media (max-width: 750px) {
  main {
    overflow-x: hidden !important;
  }
}

@media (max-width: 750px) {
  main .hero {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 14px;
    width: 100vw;
    /* padding-left: 40px; */
    overflow: hidden;
  }

  main .hero__wrapper div.cont h1 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  main .hero__wrapper div.cont .text-cont {
    width: 100%;
    max-width: 100%;
    /* padding-right: 20px; optional */
    box-sizing: border-box;
  }

  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
    overflow-x: hidden;
  }

  main {
    overflow-x: hidden;
  }
}

main .hero__wrapper div.cont .text-cont .categ .circle::before {
  -webkit-animation: mymove 2s infinite;
  animation: mymove 2s infinite;
  position: absolute;
  background-color: #64e228;
}

main .hero__wrapper div.cont .text-cont h1 {
  margin-top: 23px;
  font-family: "TwkLausanne-500";
  font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
  line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
  letter-spacing: 1px;
  /* width: 832px; */
  width: 100%;
}

main .hero__wrapper div.cont .text-cont h1 span.icon {
  display: inline-block;
  width: 25px;
  height: 28.939px;
  background-image: url(./assets/images/bc-icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 10px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

main .hero__wrapper div.cont .text-cont h1 span.amazing {
  background: center 67%/227% url("./assets/images/roseate-04.jpeg");
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0, 0, 0, 0);
}

main .hero__wrapper div.cont .text-cont ul {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
  text-decoration: none;
  color: #fff;
  background-color: #2f44ff;
  /* width: -webkit-fit-content; */
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwkLausanne-600";
  font-size: 14px;
  cursor: pointer;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
  text-decoration: none;
  color: #fff;
  background-color: #2f44ff;

  /* width: -webkit-fit-content; */
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwkLausanne-600";
  font-size: 14px;
  cursor: pointer;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
  color: #fff;
  font-family: "TwkLausanne-300";
  text-decoration-line: underline;
} */

main .hero__wrapper div.cont .text-cont .rates {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

main .hero__wrapper div .text-cont .description {
  font-family: "TwCenMT", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 36px;
  /* padding: 0 8px; */
}

.description-styles {
  color: #000 !important;
  margin-top: 6px !important;
  /* font-size: clamp(16px, 2vw, 26px) !important; */
  line-height: 1.5 !important;
  margin-bottom: 50px !important;
}

main .hero__wrapper div .text-cont .title {
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  width: 100%;
  margin-top: 38px;
  margin-bottom: 18px;
}

.hero-btn-styles {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero-btn-styles li a {
  display: inline-block;
  padding: 12px 24px;
  background: #2f44ff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition: background 0.3s ease;
}

@media (max-width: 768px) {
  .hero-btn-styles li a {
    padding: 12px 16px;
  }

  main .hero__wrapper div .text-cont .title {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .description-styles {
    color: #000 !important;
    margin-bottom: 27px !important;
  }

  .hero-btn-styles {
    flex-direction: row !important;
    justify-content: space-between;
  }
}

main .about {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
  text-align: center;
  padding-top: 80px;
  font-family: "TwCenMT", sans-serif;
  font-size: 40px;
  font-weight: 700;
  overflow: hidden;
}

main .about .container-about {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: "TwCenMT", sans-serif;
}

.view-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  width: 140px;
  font-family: "TwCenMT", sans-serif;
}

.arrow {
  width: 30px;
  height: auto;
  margin-left: 10px;
}

.about-cf-text {
  text-align: left;
  font-family: "TwCenMT", sans-serif;
  width: 580px;
  font-weight: 400;
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 60px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-admin-text {
  text-align: left;
  font-family: "TwCenMT", sans-serif;
  width: 580px;
  font-weight: 300;
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 60px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.highlighted__text {
  font-weight: 700;
}

.expertise-text {
  margin-top: 60px;
  font-weight: 400;
  font-size: 22px;
  font-family: "TwCenMT", sans-serif;
  line-height: 28px;
}

.cyber-fox-image {
  width: auto;
  height: 400px;
}

.admin-image {
  height: 500px;
  width: auto;
}

.admin-image-mobile {
  height: 400px;
}

main .about .container-about .container-about-first img {
  height: 400px;
  width: auto;
}

main .about .container-about .about-content-second img {
  height: 600px;
}

main .services {
  background-image: url("./assets/images/services_bg-compressed.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

main .services__wrapper--services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main .services__wrapper--services li {
  border-radius: 24px;
  padding-bottom: 20px;
  background: #f9f9f9;
  overflow: hidden;
  width: calc((100% - 20px) / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  main .services__wrapper--services li {
    width: calc((100% - 120px) / 5);
  }
}

@media (max-width: 56.24875em) {
  main .services__wrapper--services li {
    width: 22%;
  }
}

@media (max-width: 43.74875em) {
  main .services__wrapper--services li {
    width: 30%;
  }
}

@media (max-width: 560px) {
  main .services__wrapper--services li {
    width: 46%;
  }
}

main .services__wrapper--services li .img-cont {
  border-radius: 24px;
  width: 100%;
}

main .services__wrapper--services li .img-cont img {
  width: 100%;
  height: auto;
}

main .services .text-blockchain {
  max-width: 1152px;
  width: 100%;
  margin: 0 auto;
  font-style: normal;
  padding-left: 20px;
  padding-right: 20px;
}

main .services .text-blockchain h2 {
  font-family: "TwCenMT", sans-serif;
  line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
  font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
  text-align: center;
}

@media (max-width: 56.24875em) {
  main .services .text-blockchain h2 {
    text-align: left;
  }
}

main .services .text-blockchain h2 span.dmcc {
  font-family: "TwCenMT", sans-serif;
  font-weight: 500;
}

main .services .text-blockchain h2 span.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/images/bc-icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 5px;
  font-family: "TwCenMT", sans-serif;
}

main .services .text-blockchain h2 span.colored {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f5160f),
    to(#0e12e7)
  );
  background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  font-family: "TwCenMT", sans-serif;
}

main .services .text-blockchain h2 span.fade1 {
  color: #727272;
}

main .services .text-blockchain h2 span.fade2 {
  color: rgba(114, 114, 114, 0.45);
}

main .services .text-blockchain h2 span.fade3 {
  color: rgba(114, 114, 114, 0.45);
}

main .services .text-blockchain h2 span.fade4 {
  color: #e4e4e4;
}

main .value {
  padding-left: 10px;
  padding-right: 10px;
}

main .value__wrapper {
  background-color: #1a1a1a;
  max-width: 1412px;
  width: 100%;
  margin: 0 auto;
  border-radius: 36px;
  padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
}

main .value__wrapper--container {
  color: #ebebeb;
  text-align: center;
}

main .value__wrapper--container h2 {
  font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
  font-family: "TwCenMT", sans-serif;
}

main .value__wrapper--container .map {
  background-image: url(./assets/images/bg-map.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
  margin-top: 70px;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .map {
    background-position: top;
  }
}

main .value__wrapper--container .map .text-cont {
  text-align: center;
  color: #fff;
}

main .value__wrapper--container .map .text-cont img {
  width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
}

main .value__wrapper--container .map .text-cont p {
  font-family: "TwkLausanne-600";
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: 80px;
}

main .value__wrapper--container .map .text-cont span {
  margin-top: 27px;
  display: inline-block;
  max-width: 430px;
  line-height: 25px;
}

main .value__wrapper--container .map span[class*="float-"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
}

@media (max-width: 980px) {
  main .value__wrapper--container .map span[class*="float-"] {
    display: none;
  }
}

main .value__wrapper--container .map .float-1 {
  width: 51px;
  height: 51px;
  top: 103px;
  left: 213px;
  background-image: url(./assets/images/value/icon-1.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
}

main .value__wrapper--container .map .float-2 {
  width: 32px;
  height: 32px;
  bottom: 172px;
  left: 227px;
  background-image: url(./assets/images/value/icon-3.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

main .value__wrapper--container .map .float-3 {
  width: 32px;
  height: 32px;
  top: 20px;
  margin-right: -50px;
  background-image: url(./assets/images/value/icon-3.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
}

main .value__wrapper--container .map .float-4 {
  width: 32px;
  height: 32px;
  margin-right: -100px;
  background-image: url(./assets/images/value/icon-4.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

main .value__wrapper--container .map .float-5 {
  width: 32px;
  height: 32px;
  top: 137px;
  right: 227px;
  background-image: url(./assets/images/value/icon-2.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

main .value__wrapper--container .map .float-6 {
  width: 32px;
  height: 32px;
  bottom: 118px;
  right: 122px;
  background-image: url(./assets/images/value/icon-1.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

main .value__wrapper--container .development {
  margin-top: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .development {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
  }
}

main .value__wrapper--container .development > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  text-align: center;
}

main .value__wrapper--container .development > div p {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

main .value__wrapper--container .development > div span {
  line-height: 25px;
  letter-spacing: 1px;
  font-family: "TwkLausanne-300";
}

main .value__wrapper--container .development .cont-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
  text-align: center;
}

main .value__wrapper--container .development .cont-1 .one-zero {
  max-width: 368px;
  width: 100%;
  min-height: 385px;
  background-image: url(./assets/images/bg-one-zero.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .value__wrapper--container .development .cont-1 .one-zero img {
  -o-object-fit: cover;
  object-fit: cover;
}

main
  .value__wrapper--container
  .development
  .cont-1
  .one-zero
  img:nth-child(1) {
  width: 78px;
  height: 77px;
  margin-bottom: 33px;
}

main
  .value__wrapper--container
  .development
  .cont-1
  .one-zero
  img:nth-child(2) {
  width: 131px;
  margin-bottom: 65px;
  height: 129px;
}

main .value__wrapper--container .development .cont-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
}

main .value__wrapper--container .development .cont-2 img {
  max-width: 313px;
  width: 100%;
  margin-bottom: 25px;
}

main .value__wrapper--container .development .cont-2 p {
  margin-bottom: 27px;
}

main .value__wrapper--container .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
  margin-top: 115px;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .category {
    margin-top: 70px;
  }
}

main .value__wrapper--container .category li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
  color: #000;
}

.value__footer-image {
  position: relative;
  left: 50%;
  bottom: -194px;
  transform: translateX(-50%);
  width: 100%;
  height: 615px;
  background-image: url("./assets/images/footer-banner-compressed.png");
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  z-index: 1;
}

.value__footer-image .overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 170px 20px;
  text-align: center;
  color: white;
  font-size: 1.25rem;
  line-height: 1.6;
  font-family: "TwkLausanne-300", sans-serif;
  background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
}

main .value h3 {
  max-width: 1090px;
  margin: 0 auto;
  font-family: "TwkLausanne-500";
  margin-top: 55px;
  color: #fff;
  text-align: center;
  font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
  line-height: normal;
  letter-spacing: 1px;
}

main .partners ul {
  display: grid;
  grid-template-columns: repeat(
    3,
    clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
  );
  grid-template-rows: 1fr;
  grid-column-gap: 77px;
  grid-row-gap: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 43.74875em) {
  main .partners ul {
    grid-template-columns: repeat(2, 150px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

main .partners ul li img {
  width: 100%;
}

main .blockchain-solutions {
  overflow: hidden;
}

main .blockchain-solutions__wrapper {
  text-align: center;
}

main .blockchain-solutions__wrapper span {
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
}

main .blockchain-solutions__wrapper h2 {
  font-family: "TwCenMT", sans-serif;
  font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
  margin-top: 40px;
  font-weight: 600;
}

main .blockchain-solutions__wrapper p {
  max-width: 435px;
  width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 25px;
  max-width: 600px;
  font-family: "TwCenMT", sans-serif;
  line-height: 25px;
}

main .get-quote {
  background-color: #242424;
  background-image: url("./assets/images/get-quote-bg-compressed.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  z-index: 1;
}

main .get-quote__wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .get-quote__wrapper h3 {
  font-family: "TwkLausanne-600";
  font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
  line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
}

main .get-quote__wrapper p {
  font-family: "TwkLausanne-300";
  line-height: 24px;
}

main .get-quote a {
  background-color: #fff;
  color: #000;
}

main.inner-pages .inner-title {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
  margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
  margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
  max-width: 490px;
  width: 100%;
}

main.inner-pages .inner-header .inner-header-cont {
  padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
  padding-bottom: 5.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

main.inner-pages .inner-header .inner-header-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
  margin-top: 0.8125rem;
  font-family: "TwkLausanne-500";
  font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
  line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
  letter-spacing: 1px;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
  margin-top: 1.25rem;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
  margin-top: 1.8125rem;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
  height: 19.0625rem;
  border-radius: 16px;
  background: #d9d9d9;
  overflow: hidden;
}

@media (max-width: 56.24875em) {
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    display: none;
  }
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-1 .section-1-cont {
  background-color: #f5f7fa;
  padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
  border-radius: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-1 .section-1-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}

main.inner-pages .section-1 .section-1-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
  line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
  letter-spacing: 1px;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
  margin-top: 1.1875rem;
  color: #9ba3b2;
  font-family: "TwkLausanne-300";
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    margin-top: 25px;
  }
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 13px;
  border-radius: 100%;
  background-image: url(./assets/images/circle-check.svg);
}

main.inner-pages
  .section-1
  .section-1-cont
  .section-1-cont-left
  ul
  p:nth-child(2) {
  margin-top: 22px;
  font-family: "TwkLausanne-500";
}

main.inner-pages
  .section-1
  .section-1-cont
  .section-1-cont-left
  ul
  p:last-child {
  margin-top: 11px;
  color: #000;
  font-family: "TwkLausanne-300";
  line-height: 20px;
  letter-spacing: 1px;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
  height: 19.0625rem;
  border-radius: 16px;
  background: #d9d9d9;
  overflow: hidden;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: unset;
    width: 75%;
  }
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    width: 100%;
  }
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-2 {
  margin-bottom: 44px;
}

main.inner-pages .section-2 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 55px;
  grid-row-gap: 29px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-2 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-2 ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

main.inner-pages .section-2 ul li {
  border-radius: 12px;
  background: #f5f7fa;
  padding: 42px 24px 74px 24px;
}

main.inner-pages .section-2 ul li span {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(./assets/images/circle-check.svg);
  border-radius: 100%;
}

main.inner-pages .section-2 ul li p:nth-child(2) {
  font-family: "TwkLausanne-500";
  margin-top: 22px;
}

main.inner-pages .section-2 ul li p:nth-child(3) {
  margin-top: 22px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-2 ul li a {
  color: #000;
  text-decoration: none;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
  margin-top: 36px;
  display: inline-block;
}

main.inner-pages .section-3 {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 123px;
}

main.inner-pages .section-3 .section-3-cont {
  border-radius: 36px;
  background: #f5f7fa;
  padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-3 .section-3-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}

main.inner-pages .section-3 .section-3-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
  margin-top: 21px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
  margin-top: 25px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 29px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
  border-radius: 16px;
  background: #d8e0eb;
  padding: 16px 27px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 43.74875em) {
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title {
    display: grid;
    grid-template-columns: 16px 1fr 24px;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  span.icon-1 {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 100%;
  -ms-flex-item-align: self-start;
  align-self: self-start;
  margin-top: 5px;
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  .desc
  p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  span.icon-2 {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(./assets/images/arrow-right-black.svg);
}

main.inner-pages .section-4 .section-4-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-4 .section-4-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
  border-radius: 12px;
  background: #f5f7fa;
  padding: 31px 40px 31px 24px;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
  background-image: url(./assets/images/circle-check.svg);
  width: 24px;
  height: 24px;
  display: block;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  > div
  p:nth-child(2) {
  font-family: "TwkLausanne-500";
  margin-top: 22px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  > div
  p:nth-child(3) {
  margin-top: 22px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  div:last-child {
  margin-top: 16px;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  border-radius: 12px;
  background: #f5f7fa;
  padding: 31px;
  text-align: center;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
  height: 305px;
  overflow: hidden;
  max-width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 16px;
  background: #d9d9d9;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-right
  p:nth-child(2) {
  font-family: "TwkLausanne-500";
  font-size: 22px;
  margin-top: 21px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-right
  p:nth-child(3) {
  margin-top: 15px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-5 .section-5-cont h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
}

main.inner-pages .section-5 .section-5-cont > p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
  max-width: 516px;
  width: 100%;
}

main.inner-pages .section-5 .section-5-cont ul {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-5 .section-5-cont ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

main.inner-pages .section-5 .section-5-cont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-5 .section-5-cont ul li {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
  }
}

main.inner-pages .section-5 .section-5-cont ul li span {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(./assets/images/circle-check.svg);
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-5 .section-5-cont ul li p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main section {
  padding-bottom: 158px;
}

@media (max-width: 768px) {
  main section {
    padding-bottom: 0px;
  }
}

.privacy-policy-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}

.privacy-policy-wrapper .container h2 {
  text-align: center;
  font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
  font-family: "TwkLausanne-600";
  line-height: normal;
  margin-bottom: 50px;
}

.privacy-policy-wrapper .container h3,
.privacy-policy-wrapper .container p,
.privacy-policy-wrapper .container li {
  margin-bottom: 25px;
}

.privacy-policy-wrapper .container h3 {
  font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
  font-style: normal;
  font-family: "TwkLausanne-600";
  line-height: 44px;
}

.privacy-policy-wrapper .container p,
.privacy-policy-wrapper .container li {
  line-height: 25px;
  letter-spacing: 1px;
  font-family: "TwkLausanne-300";
}

.privacy-policy-wrapper .container ul {
  list-style-type: disc;
  margin-left: 20px;
}

.privacy-policy-wrapper .container p span,
.privacy-policy-wrapper .container ul li strong {
  font-weight: bold;
}

@media (max-width: 750px) {
  .container-about {
    flex-direction: column !important;
    align-items: center;
    gap: 40px;
  }

  .about-cf-text,
  .about-admin-text {
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
    text-align: center;
  }

  .cyber-fox-image,
  .admin-image,
  .admin-image-mobile {
    width: 90%;
    height: auto;
  }

  .about-title h2 {
    font-size: 1.8rem;
  }

  .about-title h5 {
    font-size: 1rem;
    margin-top: 10px;
  }

  .expertise-text {
    font-size: 18px;
    padding: 0 20px;
    text-align: center;
  }

  .view-link {
    margin: 0 auto;
    justify-content: center;
  }
}

@media (max-width: 750px) {
  .about-title-h2 {
    color: #000;
  }
}

@media (max-width: 750px) {
  .value__footer-image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    height: auto !important;
    min-height: 500px;
  }

  .value__footer-image .overlay {
    padding: 20px 20px !important;
  }
}

.contract-form {
  background-color: #0a1833;
  padding: 30px 55px;
  width: 100%;
  flex: 1;
  min-width: 40%;
  /* max-width: 548px; */
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.contract-form .group-cont {
  margin-bottom: 20px;
}

.contract-form .sec input,
.contract-form .sec textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #333;
  border-radius: 8px;
  color: #000;
  transition: all 0.3s ease;
}

.contract-form .sec input:focus,
.contract-form .sec textarea:focus {
  border-color: #2f44ff;
  outline: none;
}

.contract-form .sec input::placeholder,
.contract-form .sec textarea::placeholder {
  color: #666;
}

.contract-form button {
  width: 100%;
  padding: 0;
  background-color: #2f44ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.contract-form button:hover {
  background-color: #1f32e0;
  transform: translateY(-2px);
}

#messageArea {
  margin-top: 15px;
  text-align: center;
  color: #fff;
}

@media (max-width: 768px) {
  .contract-form {
    padding: 20px;
  }
}

.max-w-42 {
  max-width: 42rem;
  width: 100%;
}

/* .hero-styles {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1432px !important;
  margin: 0 auto;
  padding: 0px;
} */

.hero-styles {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
}

.hero-section {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  min-height: calc(100dvh - 68px) !important;
  height: 100% !important;
  padding: 0 10%;
}

@media (max-width: 768px) {
  .hero-styles {
    padding: 0 0px;
    gap: 8px;
  }

  .hero-section {
    min-height: calc(100dvh - 60px) !important;
    height: 100% !important;
  }
}

/* Hero background image styles */
.hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

@media (max-width: 768px) {
  .hero .cont {
    flex-direction: column;
  }

  .contract-form {
    margin-top: 15px;
    padding-top: 30px !important;
  }
}

/* Hero section button styles */
.hero .text-cont ul {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero .text-cont ul li {
  margin: 0;
  padding: 0;
}

.hero .text-cont ul li .btn {
  display: inline-block;
  width: auto;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .hero .cont {
    flex-direction: column;
  }

  .contract-form {
    margin-top: 15px;
    /*padding-top: 30px !important;*/
  }

  .hero .text-cont ul {
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }

  .hero .text-cont ul li {
    width: fit-content;
  }

  .hero .text-cont ul li .btn {
    width: 100%;
    text-align: center;
  }
}

.form-input-styles {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 22px;
  height: 70px;
}

.h3-styles {
  text-align: center;
  margin-bottom: 26px;
  font-size: 36px;
  font-weight: 700;
  margin-top: 0px;
}

.h6-styles {
  text-align: center;
  margin-bottom: 26px;
  font-weight: 400;
  font-size: 32px;
  margin-top: 0px;
}

.label-styles {
  display: block;
  font-size: 26px;
  display: block;
  color: #fff;
  margin-bottom: 4px;
  font-weight: 400;
  line-height: 36px;
}

.submit-btn-styles {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-weight: 400;
  padding: 14px;
  background-color: #2f44ff;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  height: 108px;
}

.trusted-text {
  text-align: center;
  margin-top: 26px;
  font-size: 26px;
  font-weight: 400;
  color: #fff;
}

.nav-styles {
  max-width: 100% !important;
  padding: 0 10%;
}

@media screen and (min-width: 2560px) and (max-width: 2561px) {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }

  .aos-init {
    overflow: hidden !important;
}
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
    font-size: 24px;
}
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 53px;
    left: 264px;
    height: 117%;
    width: 100%;
    object-fit: fill;
    z-index: -1;
    overflow-clip-margin: unset;
    overflow: unset;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* padding-right: 50px; */
    /* padding-left: 50px; */
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 34px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 28px;
    margin-bottom: 5px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 29%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 20px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 16%;
    padding-left: 15%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 0px;
    font-size: 41px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 17px;
    font-weight: 400;
    font-size: 35px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 27px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 14%;
  }
  
  
    main .hero__wrapper div .text-cont .title {
    font-size: 69px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 30px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 18px 27px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 29px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 35px;
    /* width: 23%; */
    flex: 1;
    max-width: 358px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 34px;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 22px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 66px;
  }
  
  .submit-btn-styles {
    height: 86px;
  }

  .text-cont.aos-init.aos-animate {
    max-width: 62% !important;
}
  
  
}

@media screen and (min-width: 2000px) and (max-width: 2559px) {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }

  .aos-init {
    overflow: hidden !important;
}
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #f5f7fa;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT, sans-serif";
    font-size: 24px;
}
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 85px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 20px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 32px;
    font-size: 59px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 48px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  
    main .hero__wrapper div .text-cont .title {
    font-size: 60px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 34px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 18px 27px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 29px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 53px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 82px;
  }
  
  .submit-btn-styles {
    height: 122px;
  }

  .text-cont.aos-init.aos-animate {
    max-width: 50% !important;
}
  
  
}

@media screen and (min-width: 1537px) and (max-width: 1921px) {

  main .hero__wrapper div .text-cont .title {
  font-size: 50px;
}

main .hero__wrapper div .text-cont .description{
  font-size: 27px;
}

.hero-btn-styles li a {
  display: inline-block;
  padding: 12px 24px;
  background: #2f44ff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition: background 0.3s ease;
  font-size: 26px;
}

.contract-form {
  background-color: #0a1833;
  padding: 72px 55px;
  padding-top: 72px;
  padding-bottom: 56px;
  width: 100%;
  flex: 1;
  max-width: 600px;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.trusted-text {
  text-align: center;
  margin-top: 43px;
  font-size: 23px;
  font-weight: 400;
  color: #fff;
}

.contract-form .group-cont {
  margin-bottom: 32px;
}

.form-input-styles{
  font-size: 22px;
  height: 68px;
}

.submit-btn-styles {
  height: 100px;
}

}

@media screen and (min-width: 1000px) and (max-width: 1537px)  {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

@font-face {
  font-family: "TwkLausanne-300";
  src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-400";
  src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-500";
  src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-600";
  src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "TwCenMT", sans-serif;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

.container {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

@-webkit-keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.padding-section {
  padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
}

.padding-top-section {
  padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
}

.cta-button-mobile {
  font-size: 10px;
}

.get-consultation-btn {
  position: relative;
  text-decoration: none;
  top: 100px;
  color: #000;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 34px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwCenMT", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
}

.get-consultation-btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn img {
  margin-left: 10px;
}

.overflow-hidden {
  overflow: hidden;
}

.abs {
  position: absolute;
}

@-webkit-keyframes mymove {
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes mymove {
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes rotating-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotating-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.get-quote {
  background-color: #211819;
  color: #fff;
}

.get-quote__wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.get-quote__wrapper h3 {
  font-family: "TwkLausanne-600";
  font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
  line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
}

.get-quote__wrapper p {
  font-family: "TwkLausanne-300";
  line-height: 24px;
}

.get-quote a {
  background-color: #fff;
  color: #000;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  scroll-behavior: smooth;
}

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

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #000;
  font-family: "TwkLausanne-400", "Inter", sans-serif;
  font-optical-sizing: auto;
  font-family: 1rem;
  scroll-behavior: smooth;
}

header {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
  /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
  z-index: 10;
}

header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
}

header nav a {
  text-decoration: none;
  color: #18191f;
  cursor: pointer;
  font-family: "TwCenMT", sans-serif;
}

header nav .logo-wrapper {
  width: 250px;
}

header nav .logo-wrapper img {
  max-width: 156px;
  width: 100%;
}

@media (max-width: 1000px) {
  header nav .logo-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    margin-left: 15px;
  }
}

header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

header nav .menu-mobile-wrapper {
  display: none;
}

@media (max-width: 1000px) {
  header nav .menu-mobile-wrapper {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  header nav .menu-mobile-wrapper button {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
  }
}

header nav ul.menu li {
  padding-left: 10px;
  padding-right: 10px;
}

header nav ul.menu li.active a {
  font-family: "TwkLausanne-400";
}

header nav ul.menu li:last-child {
  display: none;
}

@media (max-width: 1000px) {
  header nav ul.menu li:last-child {
    display: block;
  }
}

header nav ul.menu .overlay-close {
  display: none;
}

@media (max-width: 1000px) {
  header nav ul.menu {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
      -webkit-transform 0.4s ease-in-out;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(54, 54, 54, 0.9);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }

  header nav ul.menu li a {
    color: #fff;
    font-size: 36px;
  }

  header nav ul.menu.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }

  header nav ul.menu.open .overlay-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(./assets/images/close.svg) no-repeat center center;
    text-indent: 200%;
    color: rgba(0, 0, 0, 0);
    outline: none;
    z-index: 100;
  }
}

header nav ul.contact {
  width: 250px;
  justify-content: end !important;
}

header nav ul.contact .cta-button {
  padding: 10px 20px;
}

@media (max-width: 450px) {
  header nav ul.contact .cta-button {
    font-size: 12px;
    padding: 10px 10px;
  }
}

@media (max-width: 1000px) {
  header nav ul.contact {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  header nav ul.contact li:first-child {
    display: none;
  }
}

.footer {
  background-color: #050505;
}

.footer__wrapper {
  color: #fff;
  display: grid;
  grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

@media (max-width: 56.24875em) {
  .footer__wrapper {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0px;
    grid-row-gap: 50px;
  }
}

.footer__wrapper > div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.footer__wrapper > div:nth-child(1) > img {
  max-width: 250px;
  width: 100%;
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}

.footer__wrapper > div:nth-child(1) p {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.footer__wrapper > div:nth-child(1) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.footer__wrapper > div:nth-child(1) ul li a {
  display: block;
  background-color: #1e1e1e;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 500px;
}

.footer__wrapper > div:nth-child(1) h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer__wrapper > div:nth-child(1) form {
  background-color: #373737;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 15px 5px 5px;
  border-radius: 8px;
}

.footer__wrapper > div:nth-child(1) form input {
  width: 100%;
  padding: 10px;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 14px;
  font-weight: 400;
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(2),
.footer__wrapper > div:nth-child(3),
.footer__wrapper > div:nth-child(4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__wrapper > div:nth-child(2) h4,
.footer__wrapper > div:nth-child(3) h4,
.footer__wrapper > div:nth-child(4) h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer__wrapper > div:nth-child(2) ul,
.footer__wrapper > div:nth-child(3) ul,
.footer__wrapper > div:nth-child(4) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.footer__wrapper > div:nth-child(2) ul li a,
.footer__wrapper > div:nth-child(3) ul li a,
.footer__wrapper > div:nth-child(4) ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(4) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

.footer .copyright {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  line-height: 21px;
}

@media (max-width: 43.74875em) {
  .footer .copyright {
    margin-top: unset;
    padding: 20px 10px 70px 10px;
  }
}

.contact-form {
  display: none;
}

.contact-form.active {
  padding: 10px;
  position: fixed !important;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

.contact-form.active .outer-cont {
  background-color: #fff;
  max-width: 684px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
  border-radius: 20px;
  border: 1px solid #ddd;
  position: relative;
}

@media (max-width: 500px) {
  .contact-form.active .outer-cont {
    overflow: scroll;
    height: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.contact-form.active .outer-cont .inner-cont {
  width: 100%;
}

.contact-form.active .outer-cont .inner-cont h3 {
  color: #414042;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}

.contact-form.active .outer-cont .inner-cont p {
  color: #606060;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  max-width: 435px;
  width: 100%;
  margin-bottom: 39px;
}

.contact-form.active .outer-cont .inner-cont form#contactForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.contact-form.active .outer-cont .inner-cont form#contactForm label,
.contact-form.active .outer-cont .inner-cont form#contactForm input,
.contact-form.active .outer-cont .inner-cont form#contactForm textarea,
.contact-form.active .outer-cont .inner-cont form#contactForm button,
.contact-form.active .outer-cont .inner-cont form#contactForm select {
  width: 100%;
  outline: none;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec {
  width: 100%;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
  margin-bottom: 10px;
  display: block;
  color: #1d263a;
  font-family: Inter;
  font-size: 17px;
  font-weight: 600;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
.contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
.contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
  border-radius: 10px;
  background-color: rgba(224, 236, 240, 0.5);
  border: none;
  padding: 16px;
  color: #1d263a;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-webkit-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-webkit-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-webkit-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-moz-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-moz-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-moz-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input:-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea:-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select:-ms-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-ms-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: calc(100% - 16px);
}

.contact-form.active .outer-cont .inner-cont form#contactForm button {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 17px;
  font-weight: 500;
  padding: 14px;
  background-color: #e22828;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 56.24875em) {
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contact-form.active .outer-cont .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.contact-form.active .outer-cont #messageArea {
  margin-top: 10px;
}

.swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-container {
  position: relative;
  width: 100%;
  margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
  padding-top: 30px;
  min-height: calc(
    clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
      clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
  );
}

@media (max-width: 749px) {
  .swiper-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.swiper-container > .swiper-slide__content {
  position: absolute;
  top: 0;
}

.swiper-slide {
  border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
  overflow: hidden;
  height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
  display: flex;
  align-items: center;
  justify-content: center;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 200ms linear;
}

.swiper-slide.swiper-slide-active {
  height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
}

.swiper-slide__content {
  height: 300px;
}

ul.categ-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
}

ul.categ-cont li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
}

ul.categ-cont li span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

ul.categ-cont li span.red {
  background-color: #e22829;
}

ul.categ-cont li span.green {
  background-color: #64e228;
}

main {
  margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
}

main .hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.section-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  color: white;
  margin-bottom: 2rem;
}

main .hero-bg-video {
  position: absolute;
  top: 82px;
  left: -12px;
  height: 108%;
  width: 109%;
  object-fit: fill;
  z-index: -1;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 46px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

main .hero__wrapper div.cont .text-cont h1 {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 600px;
  margin-right: 500px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  line-height: 24px;
  font-size: 90px;

  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media (max-width: 750px) {
  .hero__wrapper {
    margin-top: 31px;
    padding: 0px 20px;
    padding-bottom: 139px;
  }

  main .hero__wrapper div.cont .text-cont h1 {
    font-size: clamp(4rem, 5vw, 3rem);
    margin-right: 0;
    max-width: 100%;
  }
  main .hero__wrapper div.cont .text-cont p,
  main .hero__wrapper div.cont .text-cont ul {
    max-width: 100%;
    margin: 0;
    padding: 0 0;
    box-sizing: border-box;
  }

  .hero {
    padding-left: 0;
  }
}

main .hero__wrapper div.cont .text-cont p {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 700px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  font-size: 24px;
  /* line-height: 24px; */

  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

main .hero__wrapper div.cont .text-cont ul {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 400px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 200px;
}

@media (max-width: 750px) {
  main {
    overflow-x: hidden !important;
  }
}

@media (max-width: 750px) {
  main .hero {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 14px;
    width: 100vw;
    /* padding-left: 40px; */
    overflow: hidden;
  }

  main .hero__wrapper div.cont h1 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  main .hero__wrapper div.cont .text-cont {
    width: 100%;
    max-width: 100%;
    /* padding-right: 20px; optional */
    box-sizing: border-box;
  }

  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
    overflow-x: hidden;
  }

  main {
    overflow-x: hidden;
  }
}

main .hero__wrapper div.cont .text-cont .categ .circle::before {
  -webkit-animation: mymove 2s infinite;
  animation: mymove 2s infinite;
  position: absolute;
  background-color: #64e228;
}

main .hero__wrapper div.cont .text-cont h1 {
  margin-top: 23px;
  font-family: "TwkLausanne-500";
  font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
  line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
  letter-spacing: 1px;
  /* width: 832px; */
  width: 100%;
}

main .hero__wrapper div.cont .text-cont h1 span.icon {
  display: inline-block;
  width: 25px;
  height: 28.939px;
  background-image: url(./assets/images/bc-icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 10px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

main .hero__wrapper div.cont .text-cont h1 span.amazing {
  background: center 67%/227% url("./assets/images/roseate-04.jpeg");
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0, 0, 0, 0);
}

main .hero__wrapper div.cont .text-cont ul {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
  text-decoration: none;
  color: #fff;
  background-color: #2f44ff;
  /* width: -webkit-fit-content; */
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwkLausanne-600";
  font-size: 14px;
  cursor: pointer;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
  text-decoration: none;
  color: #fff;
  background-color: #2f44ff;

  /* width: -webkit-fit-content; */
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwkLausanne-600";
  font-size: 14px;
  cursor: pointer;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
  color: #fff;
  font-family: "TwkLausanne-300";
  text-decoration-line: underline;
} */

main .hero__wrapper div.cont .text-cont .rates {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

main .hero__wrapper div .text-cont .description {
  font-family: "TwCenMT", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 36px;
  /* padding: 0 8px; */
}

.description-styles {
  color: #000 !important;
  margin-top: 6px !important;
  /* font-size: clamp(16px, 2vw, 26px) !important; */
  line-height: 1.5 !important;
  margin-bottom: 25px !important;
}

main .hero__wrapper div .text-cont .title {
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  width: 100%;
  margin-top: 38px;
  margin-bottom: 18px;
}

.hero-btn-styles {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero-btn-styles li a {
  display: inline-block;
  padding: 12px 24px;
  background: #2f44ff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition: background 0.3s ease;
}

@media (max-width: 768px) {
  .hero-btn-styles li a {
    padding: 12px 16px;
  }

  main .hero__wrapper div .text-cont .title {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .description-styles {
    color: #000 !important;
    margin-bottom: 27px !important;
  }

  .hero-btn-styles {
    flex-direction: row !important;
    justify-content: space-between;
  }
}

main .about {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
  text-align: center;
  padding-top: 80px;
  font-family: "TwCenMT", sans-serif;
  font-size: 40px;
  font-weight: 700;
  overflow: hidden;
}

main .about .container-about {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: "TwCenMT", sans-serif;
}

.view-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  width: 140px;
  font-family: "TwCenMT", sans-serif;
}

.arrow {
  width: 30px;
  height: auto;
  margin-left: 10px;
}

.about-cf-text {
  text-align: left;
  font-family: "TwCenMT", sans-serif;
  width: 580px;
  font-weight: 400;
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 60px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-admin-text {
  text-align: left;
  font-family: "TwCenMT", sans-serif;
  width: 580px;
  font-weight: 300;
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 60px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.highlighted__text {
  font-weight: 700;
}

.expertise-text {
  margin-top: 60px;
  font-weight: 400;
  font-size: 22px;
  font-family: "TwCenMT", sans-serif;
  line-height: 28px;
}

.cyber-fox-image {
  width: auto;
  height: 400px;
}

.admin-image {
  height: 500px;
  width: auto;
}

.admin-image-mobile {
  height: 400px;
}

main .about .container-about .container-about-first img {
  height: 400px;
  width: auto;
}

main .about .container-about .about-content-second img {
  height: 600px;
}

main .services {
  background-image: url("./assets/images/services_bg-compressed.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

main .services__wrapper--services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main .services__wrapper--services li {
  border-radius: 24px;
  padding-bottom: 20px;
  background: #f9f9f9;
  overflow: hidden;
  width: calc((100% - 20px) / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  main .services__wrapper--services li {
    width: calc((100% - 120px) / 5);
  }
}

@media (max-width: 56.24875em) {
  main .services__wrapper--services li {
    width: 22%;
  }
}

@media (max-width: 43.74875em) {
  main .services__wrapper--services li {
    width: 30%;
  }
}

@media (max-width: 560px) {
  main .services__wrapper--services li {
    width: 46%;
  }
}

main .services__wrapper--services li .img-cont {
  border-radius: 24px;
  width: 100%;
}

main .services__wrapper--services li .img-cont img {
  width: 100%;
  height: auto;
}

main .services .text-blockchain {
  max-width: 1152px;
  width: 100%;
  margin: 0 auto;
  font-style: normal;
  padding-left: 20px;
  padding-right: 20px;
}

main .services .text-blockchain h2 {
  font-family: "TwCenMT", sans-serif;
  line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
  font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
  text-align: center;
}

@media (max-width: 56.24875em) {
  main .services .text-blockchain h2 {
    text-align: left;
  }
}

main .services .text-blockchain h2 span.dmcc {
  font-family: "TwCenMT", sans-serif;
  font-weight: 500;
}

main .services .text-blockchain h2 span.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/images/bc-icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 5px;
  font-family: "TwCenMT", sans-serif;
}

main .services .text-blockchain h2 span.colored {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f5160f),
    to(#0e12e7)
  );
  background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  font-family: "TwCenMT", sans-serif;
}

main .services .text-blockchain h2 span.fade1 {
  color: #727272;
}

main .services .text-blockchain h2 span.fade2 {
  color: rgba(114, 114, 114, 0.45);
}

main .services .text-blockchain h2 span.fade3 {
  color: rgba(114, 114, 114, 0.45);
}

main .services .text-blockchain h2 span.fade4 {
  color: #e4e4e4;
}

main .value {
  padding-left: 10px;
  padding-right: 10px;
}

main .value__wrapper {
  background-color: #1a1a1a;
  max-width: 1412px;
  width: 100%;
  margin: 0 auto;
  border-radius: 36px;
  padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
}

main .value__wrapper--container {
  color: #ebebeb;
  text-align: center;
}

main .value__wrapper--container h2 {
  font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
  font-family: "TwCenMT", sans-serif;
}

main .value__wrapper--container .map {
  background-image: url(./assets/images/bg-map.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
  margin-top: 70px;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .map {
    background-position: top;
  }
}

main .value__wrapper--container .map .text-cont {
  text-align: center;
  color: #fff;
}

main .value__wrapper--container .map .text-cont img {
  width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
}

main .value__wrapper--container .map .text-cont p {
  font-family: "TwkLausanne-600";
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: 80px;
}

main .value__wrapper--container .map .text-cont span {
  margin-top: 27px;
  display: inline-block;
  max-width: 430px;
  line-height: 25px;
}

main .value__wrapper--container .map span[class*="float-"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
}

@media (max-width: 980px) {
  main .value__wrapper--container .map span[class*="float-"] {
    display: none;
  }
}

main .value__wrapper--container .map .float-1 {
  width: 51px;
  height: 51px;
  top: 103px;
  left: 213px;
  background-image: url(./assets/images/value/icon-1.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
}

main .value__wrapper--container .map .float-2 {
  width: 32px;
  height: 32px;
  bottom: 172px;
  left: 227px;
  background-image: url(./assets/images/value/icon-3.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

main .value__wrapper--container .map .float-3 {
  width: 32px;
  height: 32px;
  top: 20px;
  margin-right: -50px;
  background-image: url(./assets/images/value/icon-3.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
}

main .value__wrapper--container .map .float-4 {
  width: 32px;
  height: 32px;
  margin-right: -100px;
  background-image: url(./assets/images/value/icon-4.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

main .value__wrapper--container .map .float-5 {
  width: 32px;
  height: 32px;
  top: 137px;
  right: 227px;
  background-image: url(./assets/images/value/icon-2.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

main .value__wrapper--container .map .float-6 {
  width: 32px;
  height: 32px;
  bottom: 118px;
  right: 122px;
  background-image: url(./assets/images/value/icon-1.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

main .value__wrapper--container .development {
  margin-top: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .development {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
  }
}

main .value__wrapper--container .development > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  text-align: center;
}

main .value__wrapper--container .development > div p {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

main .value__wrapper--container .development > div span {
  line-height: 25px;
  letter-spacing: 1px;
  font-family: "TwkLausanne-300";
}

main .value__wrapper--container .development .cont-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
  text-align: center;
}

main .value__wrapper--container .development .cont-1 .one-zero {
  max-width: 368px;
  width: 100%;
  min-height: 385px;
  background-image: url(./assets/images/bg-one-zero.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .value__wrapper--container .development .cont-1 .one-zero img {
  -o-object-fit: cover;
  object-fit: cover;
}

main
  .value__wrapper--container
  .development
  .cont-1
  .one-zero
  img:nth-child(1) {
  width: 78px;
  height: 77px;
  margin-bottom: 33px;
}

main
  .value__wrapper--container
  .development
  .cont-1
  .one-zero
  img:nth-child(2) {
  width: 131px;
  margin-bottom: 65px;
  height: 129px;
}

main .value__wrapper--container .development .cont-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
}

main .value__wrapper--container .development .cont-2 img {
  max-width: 313px;
  width: 100%;
  margin-bottom: 25px;
}

main .value__wrapper--container .development .cont-2 p {
  margin-bottom: 27px;
}

main .value__wrapper--container .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
  margin-top: 115px;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .category {
    margin-top: 70px;
  }
}

main .value__wrapper--container .category li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
  color: #000;
}

.value__footer-image {
  position: relative;
  left: 50%;
  bottom: -194px;
  transform: translateX(-50%);
  width: 100%;
  height: 615px;
  background-image: url("./assets/images/footer-banner-compressed.png");
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  z-index: 1;
}

.value__footer-image .overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 170px 20px;
  text-align: center;
  color: white;
  font-size: 1.25rem;
  line-height: 1.6;
  font-family: "TwkLausanne-300", sans-serif;
  background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
}

main .value h3 {
  max-width: 1090px;
  margin: 0 auto;
  font-family: "TwkLausanne-500";
  margin-top: 55px;
  color: #fff;
  text-align: center;
  font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
  line-height: normal;
  letter-spacing: 1px;
}

main .partners ul {
  display: grid;
  grid-template-columns: repeat(
    3,
    clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
  );
  grid-template-rows: 1fr;
  grid-column-gap: 77px;
  grid-row-gap: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 43.74875em) {
  main .partners ul {
    grid-template-columns: repeat(2, 150px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

main .partners ul li img {
  width: 100%;
}

main .blockchain-solutions {
  overflow: hidden;
}

main .blockchain-solutions__wrapper {
  text-align: center;
}

main .blockchain-solutions__wrapper span {
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
}

main .blockchain-solutions__wrapper h2 {
  font-family: "TwCenMT", sans-serif;
  font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
  margin-top: 40px;
  font-weight: 600;
}

main .blockchain-solutions__wrapper p {
  max-width: 435px;
  width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 25px;
  max-width: 600px;
  font-family: "TwCenMT", sans-serif;
  line-height: 25px;
}

main .get-quote {
  background-color: #242424;
  background-image: url("./assets/images/get-quote-bg-compressed.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  z-index: 1;
}

main .get-quote__wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .get-quote__wrapper h3 {
  font-family: "TwkLausanne-600";
  font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
  line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
}

main .get-quote__wrapper p {
  font-family: "TwkLausanne-300";
  line-height: 24px;
}

main .get-quote a {
  background-color: #fff;
  color: #000;
}

main.inner-pages .inner-title {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
  margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
  margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
  max-width: 490px;
  width: 100%;
}

main.inner-pages .inner-header .inner-header-cont {
  padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
  padding-bottom: 5.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

main.inner-pages .inner-header .inner-header-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
  margin-top: 0.8125rem;
  font-family: "TwkLausanne-500";
  font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
  line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
  letter-spacing: 1px;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
  margin-top: 1.25rem;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
  margin-top: 1.8125rem;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
  height: 19.0625rem;
  border-radius: 16px;
  background: #d9d9d9;
  overflow: hidden;
}

@media (max-width: 56.24875em) {
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    display: none;
  }
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-1 .section-1-cont {
  background-color: #f5f7fa;
  padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
  border-radius: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-1 .section-1-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}

main.inner-pages .section-1 .section-1-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
  line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
  letter-spacing: 1px;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
  margin-top: 1.1875rem;
  color: #9ba3b2;
  font-family: "TwkLausanne-300";
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    margin-top: 25px;
  }
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 13px;
  border-radius: 100%;
  background-image: url(./assets/images/circle-check.svg);
}

main.inner-pages
  .section-1
  .section-1-cont
  .section-1-cont-left
  ul
  p:nth-child(2) {
  margin-top: 22px;
  font-family: "TwkLausanne-500";
}

main.inner-pages
  .section-1
  .section-1-cont
  .section-1-cont-left
  ul
  p:last-child {
  margin-top: 11px;
  color: #000;
  font-family: "TwkLausanne-300";
  line-height: 20px;
  letter-spacing: 1px;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
  height: 19.0625rem;
  border-radius: 16px;
  background: #d9d9d9;
  overflow: hidden;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: unset;
    width: 75%;
  }
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    width: 100%;
  }
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-2 {
  margin-bottom: 44px;
}

main.inner-pages .section-2 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 55px;
  grid-row-gap: 29px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-2 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-2 ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

main.inner-pages .section-2 ul li {
  border-radius: 12px;
  background: #f5f7fa;
  padding: 42px 24px 74px 24px;
}

main.inner-pages .section-2 ul li span {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(./assets/images/circle-check.svg);
  border-radius: 100%;
}

main.inner-pages .section-2 ul li p:nth-child(2) {
  font-family: "TwkLausanne-500";
  margin-top: 22px;
}

main.inner-pages .section-2 ul li p:nth-child(3) {
  margin-top: 22px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-2 ul li a {
  color: #000;
  text-decoration: none;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
  margin-top: 36px;
  display: inline-block;
}

main.inner-pages .section-3 {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 123px;
}

main.inner-pages .section-3 .section-3-cont {
  border-radius: 36px;
  background: #f5f7fa;
  padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-3 .section-3-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}

main.inner-pages .section-3 .section-3-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
  margin-top: 21px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
  margin-top: 25px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 29px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
  border-radius: 16px;
  background: #d8e0eb;
  padding: 16px 27px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 43.74875em) {
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title {
    display: grid;
    grid-template-columns: 16px 1fr 24px;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  span.icon-1 {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 100%;
  -ms-flex-item-align: self-start;
  align-self: self-start;
  margin-top: 5px;
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  .desc
  p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  span.icon-2 {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(./assets/images/arrow-right-black.svg);
}

main.inner-pages .section-4 .section-4-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-4 .section-4-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
  border-radius: 12px;
  background: #f5f7fa;
  padding: 31px 40px 31px 24px;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
  background-image: url(./assets/images/circle-check.svg);
  width: 24px;
  height: 24px;
  display: block;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  > div
  p:nth-child(2) {
  font-family: "TwkLausanne-500";
  margin-top: 22px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  > div
  p:nth-child(3) {
  margin-top: 22px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  div:last-child {
  margin-top: 16px;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  border-radius: 12px;
  background: #f5f7fa;
  padding: 31px;
  text-align: center;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
  height: 305px;
  overflow: hidden;
  max-width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 16px;
  background: #d9d9d9;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-right
  p:nth-child(2) {
  font-family: "TwkLausanne-500";
  font-size: 22px;
  margin-top: 21px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-right
  p:nth-child(3) {
  margin-top: 15px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-5 .section-5-cont h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
}

main.inner-pages .section-5 .section-5-cont > p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
  max-width: 516px;
  width: 100%;
}

main.inner-pages .section-5 .section-5-cont ul {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-5 .section-5-cont ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

main.inner-pages .section-5 .section-5-cont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-5 .section-5-cont ul li {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
  }
}

main.inner-pages .section-5 .section-5-cont ul li span {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(./assets/images/circle-check.svg);
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-5 .section-5-cont ul li p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main section {
  padding-bottom: 158px;
}

@media (max-width: 768px) {
  main section {
    padding-bottom: 0px;
  }
}

.privacy-policy-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}

.privacy-policy-wrapper .container h2 {
  text-align: center;
  font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
  font-family: "TwkLausanne-600";
  line-height: normal;
  margin-bottom: 50px;
}

.privacy-policy-wrapper .container h3,
.privacy-policy-wrapper .container p,
.privacy-policy-wrapper .container li {
  margin-bottom: 25px;
}

.privacy-policy-wrapper .container h3 {
  font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
  font-style: normal;
  font-family: "TwkLausanne-600";
  line-height: 44px;
}

.privacy-policy-wrapper .container p,
.privacy-policy-wrapper .container li {
  line-height: 25px;
  letter-spacing: 1px;
  font-family: "TwkLausanne-300";
}

.privacy-policy-wrapper .container ul {
  list-style-type: disc;
  margin-left: 20px;
}

.privacy-policy-wrapper .container p span,
.privacy-policy-wrapper .container ul li strong {
  font-weight: bold;
}

@media (max-width: 750px) {
  .container-about {
    flex-direction: column !important;
    align-items: center;
    gap: 40px;
  }

  .about-cf-text,
  .about-admin-text {
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
    text-align: center;
  }

  .cyber-fox-image,
  .admin-image,
  .admin-image-mobile {
    width: 90%;
    height: auto;
  }

  .about-title h2 {
    font-size: 1.8rem;
  }

  .about-title h5 {
    font-size: 1rem;
    margin-top: 10px;
  }

  .expertise-text {
    font-size: 18px;
    padding: 0 20px;
    text-align: center;
  }

  .view-link {
    margin: 0 auto;
    justify-content: center;
  }
}

@media (max-width: 750px) {
  .about-title-h2 {
    color: #000;
  }
}

@media (max-width: 750px) {
  .value__footer-image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    height: auto !important;
    min-height: 500px;
  }

  .value__footer-image .overlay {
    padding: 20px 20px !important;
  }
}

.contract-form {
  background-color: #0a1833;
  padding: 30px 55px;
  width: 100%;
  flex: 1;
  min-width: 40%;
  /* max-width: 548px; */
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.contract-form .group-cont {
  margin-bottom: 15px;
}

.contract-form .sec input,
.contract-form .sec textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #333;
  border-radius: 8px;
  color: #000;
  transition: all 0.3s ease;
}

.contract-form .sec input:focus,
.contract-form .sec textarea:focus {
  border-color: #2f44ff;
  outline: none;
}

.contract-form .sec input::placeholder,
.contract-form .sec textarea::placeholder {
  color: #666;
}

.contract-form button {
  width: 100%;
  padding: 0;
  background-color: #2f44ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.contract-form button:hover {
  background-color: #1f32e0;
  transform: translateY(-2px);
}

#messageArea {
  margin-top: 15px;
  text-align: center;
  color: #fff;
}

@media (max-width: 768px) {
  .contract-form {
    padding: 20px;
  }
}

.max-w-42 {
  max-width: 42rem;
  width: 100%;
}

/* .hero-styles {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1432px !important;
  margin: 0 auto;
  padding: 0px;
} */

.hero-styles {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
}

.hero-section {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  min-height: calc(100dvh - 68px) !important;
  height: 100% !important;
  padding: 0 10%;
}

@media (max-width: 768px) {
  .hero-styles {
    padding: 0 0px;
    gap: 8px;
  }

  .hero-section {
    min-height: calc(100dvh - 60px) !important;
    height: 100% !important;
  }
}

/* Hero background image styles */
.hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

@media (max-width: 768px) {
  .hero .cont {
    flex-direction: column;
  }

  .contract-form {
    margin-top: 15px;
    padding-top: 30px !important;
  }
}

/* Hero section button styles */
.hero .text-cont ul {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero .text-cont ul li {
  margin: 0;
  padding: 0;
}

.hero .text-cont ul li .btn {
  display: inline-block;
  width: auto;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .hero .cont {
    flex-direction: column;
  }

  .contract-form {
    margin-top: 15px;
    /*padding-top: 30px !important;*/
  }

  .hero .text-cont ul {
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }

  .hero .text-cont ul li {
    width: fit-content;
  }

  .hero .text-cont ul li .btn {
    width: 100%;
    text-align: center;
  }
}

.form-input-styles {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 22px;
  height: 70px;
}

.h3-styles {
  text-align: center;
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  margin-top: 0px;
}

.h6-styles {
  text-align: center;
  margin-bottom: 26px;
  font-weight: 400;
  font-size: 32px;
  margin-top: 0px;
}

.label-styles {
  display: block;
  font-size: 21px;
  display: block;
  color: #fff;
  margin-bottom: 4px;
  font-weight: 400;
  line-height: 36px;
}

.submit-btn-styles {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-weight: 400;
  padding: 14px;
  background-color: #2f44ff;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  height: 108px;
}

.trusted-text {
  text-align: center;
  margin-top: 26px;
  font-size: 26px;
  font-weight: 400;
  color: #fff;
}

.nav-styles {
  max-width: 100% !important;
  padding: 0 10%;
}

@media screen and (min-width: 2000px) and (max-width: 3841px) {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }

  .aos-init {
    overflow: hidden !important;
}
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT, sans-serif";
    font-size: 24px;
}
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 85px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 20px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 32px;
    font-size: 59px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 48px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  
    main .hero__wrapper div .text-cont .title {
    font-size: 60px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 34px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 18px 27px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 29px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 53px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 82px;
  }
  
  .submit-btn-styles {
    height: 122px;
  }

  .text-cont.aos-init.aos-animate {
    max-width: 50% !important;
}
  
  
}

@media screen and (min-width: 1537px) and (max-width: 1921px) {

  main .hero__wrapper div .text-cont .title {
  font-size: 50px;
}

main .hero__wrapper div .text-cont .description{
  font-size: 27px;
}

.hero-btn-styles li a {
  display: inline-block;
  padding: 12px 24px;
  background: #2f44ff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition: background 0.3s ease;
  font-size: 26px;
}

.contract-form {
  background-color: #0a1833;
  padding: 72px 55px;
  padding-top: 72px;
  padding-bottom: 56px;
  width: 100%;
  flex: 1;
  max-width: 600px;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.trusted-text {
  text-align: center;
  margin-top: 43px;
  font-size: 23px;
  font-weight: 400;
  color: #fff;
}

.contract-form .group-cont {
  margin-bottom: 32px;
}

.form-input-styles{
  font-size: 22px;
  height: 68px;
}

.submit-btn-styles {
  height: 100px;
}

}

@media screen and (min-width: 1000px) and (max-width: 1537px) {

  main .hero__wrapper div .text-cont .title {
    font-size: 41px;
}

main .hero__wrapper div .text-cont .description {
  font-size: 22px;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}


.submit-btn-styles {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 21px;
  font-weight: 400;
  padding: 14px;
  background-color: #2f44ff;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  height: 75px;
}

.trusted-text {
  text-align: center;
  margin-top: 26px;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
}


.form-input-styles {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 22px;
  height: 41px;
}

.h6-styles {
  text-align: center;
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 27px;
  margin-top: 0px;
}

}

@media screen and (min-width: 1000px) and (max-width: 1441px) {

  main .hero__wrapper div .text-cont .description {
    font-size: 21px;
}

  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 18px;
}

  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 46px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

  .form-input-styles {
    height: 50px;
  }

  .label-styles {
    font-size: 18px;
  }

  .contract-form button {
    padding: 4px;
  }

  .submit-btn-styles {
    font-size: 24px;
    height: 44px;
  }

  .trusted-text {
    font-size: 17px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1367px) {
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 0px;
}

main .hero__wrapper div .text-cont .description {
    font-size: 20px;
  }

 .h3-styles {
    text-align: center;
    margin-bottom: 6px;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0px;
 }

}

@media screen and (min-width: 1000px) and (max-width: 1281px) {

  main .hero__wrapper div .text-cont .description {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 40px !important;
}

  .trusted-text {
    font-size: 14px;
}

  main .hero__wrapper div .text-cont .title {
    font-size: 34px;
}

main .hero__wrapper div .text-cont .description {
  font-size: 18px;
}

  .h3-styles {
    font-size: 28px;
  }

  .h6-styles {
    font-size: 24px;
  }

  .submit-btn-styles {
    font-size: 16px;
    height: 44px;
  }
}

@media screen and (max-width: 768px) {

  a.btn.cta-button-mobile {
    background: black;
    font-size: 16px;
    padding: 8px 10px;
    border-radius: 4px;
}

header nav a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  font-family: "TwkLausanne-300";
}

p.title{
color: #000;
font-size: clamp(21px, 5vw, 45px) !important;
line-height: 1.2;
font-weight: 700;
}

main .hero__wrapper div .text-cont .description {
  font-family: "TwCenMT", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 36px;
  /* padding: 0 8px; */
}

  .hero-section {
    padding: 0px;
  }

  .nav-styles {
    padding: 0px 20px;
  }

  .form-input-styles {
    font-size: 14px;
    height: 45px;
  }

  .h3-styles {
    text-align: center;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
  }

  .h6-styles {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
  }

  .label-styles {
    display: block;
    margin-bottom: 1px;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
  }

  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 22px;
    font-weight: 500;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 76px;
  }

  .trusted-text {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
  }
}

@media screen and (max-width: 385px){
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(2.7rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
  }
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 156px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 10px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      /* overflow: hidden; */
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      /* overflow-x: hidden; */
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 9px 11px;
      font-size: 14px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 15px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 10px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 15px 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      /* height: calc(100dvh - 60px) !important; */
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /* padding-top: 15px !important; */
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 26px;
    font-size: 36px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  @media screen and (min-width: 2000px) and (max-width: 3841px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT, sans-serif";
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 85px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 32px;
      font-size: 59px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 32px;
      font-weight: 400;
      font-size: 48px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 34px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 53px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 82px;
    }
    
    .submit-btn-styles {
      height: 122px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 1537px) and (max-width: 1921px) {
  
    main .hero__wrapper div .text-cont .title {
    font-size: 50px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 27px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 26px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 32px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 68px;
  }
  
  .submit-btn-styles {
    height: 100px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1537px) {
  
    main .hero__wrapper div .text-cont .title {
      font-size: 40px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 22px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 75px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
  }
  
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 60px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 18px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1441px) {
  
    main .hero__wrapper div .text-cont .description {
      font-size: 21px;
  }
  
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 18px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
    .form-input-styles {
      height: 50px;
    }
  
    .label-styles {
      font-size: 18px;
    }
  
    .contract-form button {
      padding: 4px;
    }
  
    .submit-btn-styles {
      font-size: 24px;
      height: 44px;
    }
  
    .trusted-text {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1367px) {
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 0px;
  }
  
  main .hero__wrapper div .text-cont .description {
      font-size: 20px;
    }
  
   .h3-styles {
      text-align: center;
      margin-bottom: 6px;
      font-size: 35px;
      font-weight: 700;
      margin-top: 0px;
   }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1281px) {
  
    main .hero__wrapper div .text-cont .description {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 40px !important;
  }
  
    .trusted-text {
      font-size: 14px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-size: 34px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 18px;
  }
  
    .h3-styles {
      font-size: 28px;
    }
  
    .h6-styles {
      font-size: 24px;
    }
  
    .submit-btn-styles {
      font-size: 16px;
      height: 44px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    a.btn.cta-button-mobile {
      background: black;
      font-size: 16px;
      padding: 8px 10px;
      border-radius: 4px;
  }
  
  header nav a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: "TwkLausanne-300";
  }
  
  p.title{
  color: #000;
  font-size: clamp(21px, 5vw, 45px) !important;
  line-height: 1.2;
  font-weight: 700;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
    .hero-section {
      padding: 0px;
    }
  
    .nav-styles {
      padding: 0px 20px;
    }
  
    .form-input-styles {
      font-size: 14px;
      height: 38px;
    }
  
    .h3-styles {
      text-align: center;
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 600;
    }
  
    .h6-styles {
      text-align: center;
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 16px;
    }
  
    .label-styles {
      display: block;
      margin-bottom: 0px;
      font-size: 15px;
      font-weight: 400;
      line-height: 18px;
    }
  
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 15px;
      font-weight: 500;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 52px;
    }
  
    .trusted-text {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
    }
  }
  
  
  
  img.hero-bg-video {
      position: absolute;
      top: 39px;
      /* left: 132px; */
      width: 100%;
      height: 85%;
      object-fit: fill;
      z-index: -1;
      /* width: 176%; */
      /* height: 178%; */
      overflow-clip-margin: unset;
      overflow: unset;
  }
}
}

@media screen and (min-width: 1000px) and (max-width: 1441px) {

  main .hero__wrapper div .text-cont .description {
    font-size: 21px;
}

  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 18px;
}

  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 46px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

  .form-input-styles {
    height: 50px;
  }

  .label-styles {
    font-size: 18px;
  }

  .contract-form button {
    padding: 4px;
  }

  .submit-btn-styles {
    font-size: 24px;
    height: 44px;
  }

  .trusted-text {
    font-size: 17px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1367px) {
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 0px;
}

main .hero__wrapper div .text-cont .description {
    font-size: 20px;
  }

 .h3-styles {
    text-align: center;
    margin-bottom: 6px;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0px;
 }

}

@media screen and (min-width: 1000px) and (max-width: 1281px) {

  main .hero__wrapper div .text-cont .description {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 40px !important;
}

  .trusted-text {
    font-size: 14px;
}

  main .hero__wrapper div .text-cont .title {
    font-size: 34px;
}

main .hero__wrapper div .text-cont .description {
  font-size: 18px;
}

  .h3-styles {
    font-size: 28px;
  }

  .h6-styles {
    font-size: 24px;
  }

  .submit-btn-styles {
    font-size: 16px;
    height: 44px;
  }
}

@media screen and (max-width: 768px) {

  a.btn.cta-button-mobile {
    background: black;
    font-size: 16px;
    padding: 8px 10px;
    border-radius: 4px;
}

header nav a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  font-family: "TwkLausanne-300";
}

p.title{
color: #000;
font-size: clamp(21px, 5vw, 45px) !important;
line-height: 1.2;
font-weight: 700;
}

main .hero__wrapper div .text-cont .description {
  font-family: "TwCenMT", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 36px;
  /* padding: 0 8px; */
}

  .hero-section {
    padding: 0px;
  }

  .nav-styles {
    padding: 0px 20px;
  }

  .form-input-styles {
    font-size: 14px;
    height: 45px;
  }

  .h3-styles {
    text-align: center;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
  }

  .h6-styles {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
  }

  .label-styles {
    display: block;
    margin-bottom: 1px;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
  }

  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 22px;
    font-weight: 500;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 76px;
  }

  .trusted-text {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
  }
}

@media screen and (max-width: 385px){
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(2.7rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
  }
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 156px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 10px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      /* overflow: hidden; */
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      /* overflow-x: hidden; */
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 9px 11px;
      font-size: 14px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 15px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 10px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 15px 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      /* height: calc(100dvh - 60px) !important; */
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /* padding-top: 15px !important; */
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 26px;
    font-size: 36px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  @media screen and (min-width: 2000px) and (max-width: 3841px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT, sans-serif";
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 85px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 32px;
      font-size: 59px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 32px;
      font-weight: 400;
      font-size: 48px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 34px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 53px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 82px;
    }
    
    .submit-btn-styles {
      height: 122px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 1537px) and (max-width: 1921px) {
  
    main .hero__wrapper div .text-cont .title {
    font-size: 50px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 27px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 26px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 32px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 68px;
  }
  
  .submit-btn-styles {
    height: 100px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1537px) {
  
    main .hero__wrapper div .text-cont .title {
      font-size: 40px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 22px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 75px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
  }
  
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 60px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 18px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1441px) {
  
    main .hero__wrapper div .text-cont .description {
      font-size: 21px;
  }
  
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 18px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
    .form-input-styles {
      height: 50px;
    }
  
    .label-styles {
      font-size: 18px;
    }
  
    .contract-form button {
      padding: 4px;
    }
  
    .submit-btn-styles {
      font-size: 24px;
      height: 44px;
    }
  
    .trusted-text {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1367px) {
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 0px;
  }
  
  main .hero__wrapper div .text-cont .description {
      font-size: 20px;
    }
  
   .h3-styles {
      text-align: center;
      margin-bottom: 6px;
      font-size: 35px;
      font-weight: 700;
      margin-top: 0px;
   }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1281px) {
  
    main .hero__wrapper div .text-cont .description {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 40px !important;
  }
  
    .trusted-text {
      font-size: 14px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-size: 34px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 18px;
  }
  
    .h3-styles {
      font-size: 28px;
    }
  
    .h6-styles {
      font-size: 24px;
    }
  
    .submit-btn-styles {
      font-size: 16px;
      height: 44px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    a.btn.cta-button-mobile {
      background: black;
      font-size: 16px;
      padding: 8px 10px;
      border-radius: 4px;
  }
  
  header nav a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: "TwkLausanne-300";
  }
  
  p.title{
  color: #000;
  font-size: clamp(21px, 5vw, 45px) !important;
  line-height: 1.2;
  font-weight: 700;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
    .hero-section {
      padding: 0px;
    }
  
    .nav-styles {
      padding: 0px 20px;
    }
  
    .form-input-styles {
      font-size: 14px;
      height: 38px;
    }
  
    .h3-styles {
      text-align: center;
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 600;
    }
  
    .h6-styles {
      text-align: center;
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 16px;
    }
  
    .label-styles {
      display: block;
      margin-bottom: 0px;
      font-size: 15px;
      font-weight: 400;
      line-height: 18px;
    }
  
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 15px;
      font-weight: 500;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 52px;
    }
  
    .trusted-text {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
    }
  }
  
  
  
  img.hero-bg-video {
      position: absolute;
      top: 39px;
      /* left: 132px; */
      width: 100%;
      height: 85%;
      object-fit: fill;
      z-index: -1;
      /* width: 176%; */
      /* height: 178%; */
      overflow-clip-margin: unset;
      overflow: unset;
  }
}
}

@media screen and (min-width: 2000px) and (max-width: 2559px) {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }

  .aos-init {
    overflow: hidden !important;
}
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #f5f7fa;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT, sans-serif";
    font-size: 24px;
}
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 85px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 20px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 32px;
    font-size: 59px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 48px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  
    main .hero__wrapper div .text-cont .title {
    font-size: 60px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 34px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 18px 27px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 29px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 53px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 82px;
  }
  
  .submit-btn-styles {
    height: 122px;
  }

  .text-cont.aos-init.aos-animate {
    max-width: 50% !important;
}
  
  
}

@media screen and (min-width: 1920px) and (max-width: 1921px)  {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
  }
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 156px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 93px;
    /* left: -58px; */
    height: 111%;
    width: 112%;
    object-fit: fill;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 36px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 35%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 20px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 12%;
    padding-right: 14%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 15px;
    font-size: 33px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 30px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 26px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  @media screen and (min-width: 2560px) and (max-width: 2561px)  {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
  }
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 156px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 20px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 26px;
    font-size: 36px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  @media screen and (min-width: 2560px) and (max-width: 2561px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #ffffff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT", sans-serif;
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 96px;
      left: 68px;
      height: 109%;
      width: 109%;
      object-fit: fill;
      z-index: -1;
      overflow-clip-margin: unset;
      overflow: unset;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 30px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding-right: 50px;
      /* padding-left: 50px; */
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 34px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 28px;
      margin-bottom: 5px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 33%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 0px;
      font-size: 46px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 17px;
      font-weight: 400;
      font-size: 39px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 32px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 35px;
      width: 100%;
      flex: 1;
      max-width: 472px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 34px;
      font-size: 27px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 28px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 74px;
    }
    
    .submit-btn-styles {
      height: 94px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 2000px) and (max-width: 2559px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #f5f7fa;
      position: fixed;
      top: 0;
      width: 100%;
      -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT, sans-serif";
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 85px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 32px;
      font-size: 59px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 32px;
      font-weight: 400;
      font-size: 48px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 34px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 53px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 82px;
    }
    
    .submit-btn-styles {
      height: 122px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 1537px) and (max-width: 1921px) {
  
    main .hero__wrapper div .text-cont .title {
    font-size: 50px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 27px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 26px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 32px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 68px;
  }
  
  .submit-btn-styles {
    height: 100px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1537px)  {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
  }
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 156px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 82px;
    left: -12px;
    height: 108%;
    width: 109%;
    object-fit: fill;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 25px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 15px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 12px;
    font-size: 32px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 21px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  @media screen and (min-width: 2000px) and (max-width: 3841px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #ffffff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT, sans-serif";
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 85px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 32px;
      font-size: 59px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 32px;
      font-weight: 400;
      font-size: 48px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 34px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 53px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 82px;
    }
    
    .submit-btn-styles {
      height: 122px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 1537px) and (max-width: 1921px) {
  
    main .hero__wrapper div .text-cont .title {
    font-size: 50px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 27px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 26px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 32px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 68px;
  }
  
  .submit-btn-styles {
    height: 100px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1537px) {
  
    main .hero__wrapper div .text-cont .title {
      font-size: 41px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 22px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 0px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 21px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 75px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
  }
  
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 41px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 27px;
    margin-top: 0px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1441px) {
  
    main .hero__wrapper div .text-cont .description {
      font-size: 21px;
  }
  
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 18px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
    .form-input-styles {
      height: 50px;
    }
  
    .label-styles {
      font-size: 18px;
    }
  
    .contract-form button {
      padding: 4px;
    }
  
    .submit-btn-styles {
      font-size: 24px;
      height: 44px;
    }
  
    .trusted-text {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1367px) {
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 0px;
  }
  
  main .hero__wrapper div .text-cont .description {
      font-size: 20px;
    }
  
   .h3-styles {
      text-align: center;
      margin-bottom: 6px;
      font-size: 35px;
      font-weight: 700;
      margin-top: 0px;
   }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1281px) {
  
    main .hero__wrapper div .text-cont .description {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 40px !important;
  }
  
    .trusted-text {
      font-size: 14px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-size: 34px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 18px;
  }
  
    .h3-styles {
      font-size: 28px;
    }
  
    .h6-styles {
      font-size: 24px;
    }
  
    .submit-btn-styles {
      font-size: 16px;
      height: 44px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    a.btn.cta-button-mobile {
      background: black;
      font-size: 16px;
      padding: 8px 10px;
      border-radius: 4px;
  }
  
  header nav a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: "TwkLausanne-300";
  }
  
  p.title{
  color: #000;
  font-size: clamp(21px, 5vw, 45px) !important;
  line-height: 1.2;
  font-weight: 700;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
    .hero-section {
      padding: 0px;
    }
  
    .nav-styles {
      padding: 0px 20px;
    }
  
    .form-input-styles {
      font-size: 14px;
      height: 45px;
    }
  
    .h3-styles {
      text-align: center;
      margin-bottom: 10px;
      font-size: 28px;
      font-weight: 600;
    }
  
    .h6-styles {
      text-align: center;
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 16px;
    }
  
    .label-styles {
      display: block;
      margin-bottom: 1px;
      font-size: 18px;
      font-weight: 400;
      line-height: 36px;
    }
  
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 22px;
      font-weight: 500;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 76px;
    }
  
    .trusted-text {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
    }
  }
  
  @media screen and (max-width: 385px){
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(2.7rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT", sans-serif;
    }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 156px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 10px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        /* overflow: hidden; */
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        /* overflow-x: hidden; */
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 9px 11px;
        font-size: 14px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 15px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
      overflow: hidden;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 10px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 15px 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        /* height: calc(100dvh - 60px) !important; */
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /* padding-top: 15px !important; */
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 26px;
      font-size: 36px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 26px;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    @media screen and (min-width: 2000px) and (max-width: 3841px) {
      @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
    
      @font-face {
        font-family: "TwkLausanne-300";
        src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-400";
        src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-500";
        src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-600";
        src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      html,
      body,
      div,
      span,
      applet,
      object,
      iframe,
      h1,
      p,
      blockquote,
      pre,
      a,
      abbr,
      acronym,
      address,
      big,
      cite,
      code,
      del,
      dfn,
      em,
      img,
      ins,
      kbd,
      q,
      s,
      samp,
      small,
      strike,
      strong,
      sub,
      sup,
      tt,
      var,
      b,
      u,
      i,
      center,
      dl,
      dt,
      dd,
      ol,
      ul,
      li,
      fieldset,
      form,
      label,
      legend,
      table,
      caption,
      tbody,
      tfoot,
      thead,
      tr,
      th,
      td,
      article,
      aside,
      canvas,
      details,
      embed,
      figure,
      figcaption,
      footer,
      header,
      hgroup,
      menu,
      nav,
      output,
      ruby,
      section,
      summary,
      time,
      mark,
      audio,
      video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font-family: "TwCenMT", sans-serif;
        vertical-align: baseline;
      }
      
      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      menu,
      nav,
      section {
        display: block;
      }
      
      body {
        line-height: 1;
      }
    
      .aos-init {
        overflow: hidden !important;
    }
      
      ol,
      ul {
        list-style: none;
      }
      
      blockquote,
      q {
        quotes: none;
      }
      
      blockquote:before,
      blockquote:after,
      q:before,
      q:after {
        content: "";
        content: none;
      }
      
      table {
        border-collapse: collapse;
        border-spacing: 0;
      }
      
      .container {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
      }
      
      @-webkit-keyframes zoom-in-zoom-out {
        0% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
        50% {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
        }
        100% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
      }
      
      @keyframes zoom-in-zoom-out {
        0% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
        50% {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
        }
        100% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
      }
      
      .padding-section {
        padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
        padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      }
      
      .padding-top-section {
        padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
      }
      
      .cta-button-mobile {
        font-size: 10px;
      }
      
      .get-consultation-btn {
        position: relative;
        text-decoration: none;
        top: 100px;
        color: #000;
        background-color: #fff;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 12px 34px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwCenMT", sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        display: inline-block;
      }
      
      .get-consultation-btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      .btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      .btn img {
        margin-left: 10px;
      }
      
      .overflow-hidden {
        overflow: hidden;
      }
      
      .abs {
        position: absolute;
      }
      
      @-webkit-keyframes mymove {
        50% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
      }
      
      @keyframes mymove {
        50% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
      }
      
      @-webkit-keyframes rotating-right {
        from {
          -webkit-transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
        }
      }
      
      @keyframes rotating-right {
        from {
          -webkit-transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
        }
      }
      
      .get-quote {
        background-color: #211819;
        color: #fff;
      }
      
      .get-quote__wrapper {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      .get-quote__wrapper h3 {
        font-family: "TwkLausanne-600";
        font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
        line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
      }
      
      .get-quote__wrapper p {
        font-family: "TwkLausanne-300";
        line-height: 24px;
      }
      
      .get-quote a {
        background-color: #fff;
        color: #000;
      }
      
      html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        scroll-behavior: smooth;
      }
      
      *,
      *::before,
      *::after {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
      }
      
      body {
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #000;
        font-family: "TwkLausanne-400", "Inter", sans-serif;
        font-optical-sizing: auto;
        font-family: 1rem;
        scroll-behavior: smooth;
      }
      
      header {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
        /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
        z-index: 10;
      }
      
      header nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
      }
      
      header nav a {
        text-decoration: none;
        color: #18191f;
        cursor: pointer;
        font-family: "TwCenMT, sans-serif";
        font-size: 24px;
    }
      
      header nav .logo-wrapper {
        width: 250px;
      }
      
      header nav .logo-wrapper img {
        max-width: 250px;
        width: 100%;
      }
      
      @media (max-width: 1000px) {
        header nav .logo-wrapper {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          text-align: center;
          margin-left: 15px;
        }
      }
      
      header nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      header nav .menu-mobile-wrapper {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav .menu-mobile-wrapper {
          display: block;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
        }
      
        header nav .menu-mobile-wrapper button {
          width: 40px;
          height: 40px;
          background-color: rgba(0, 0, 0, 0);
          border: none;
        }
      }
      
      header nav ul.menu li {
        padding-left: 10px;
        padding-right: 10px;
      }
      
      header nav ul.menu li.active a {
        font-family: "TwkLausanne-400";
      }
      
      header nav ul.menu li:last-child {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav ul.menu li:last-child {
          display: block;
        }
      }
      
      header nav ul.menu .overlay-close {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav ul.menu {
          visibility: hidden;
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
          -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
          transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
          transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
            -webkit-transform 0.4s ease-in-out;
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgba(54, 54, 54, 0.9);
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      
        header nav ul.menu li a {
          color: #fff;
          font-size: 36px;
        }
      
        header nav ul.menu.open {
          visibility: visible;
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
          -webkit-transition: -webkit-transform 0.4s ease-in-out;
          transition: -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        }
      
        header nav ul.menu.open .overlay-close {
          display: block;
          width: 40px;
          height: 40px;
          position: absolute;
          right: 20px;
          top: 20px;
          overflow: hidden;
          border: none;
          background: url(./assets/images/close.svg) no-repeat center center;
          text-indent: 200%;
          color: rgba(0, 0, 0, 0);
          outline: none;
          z-index: 100;
        }
      }
      
      header nav ul.contact {
        width: 250px;
        justify-content: end !important;
      }
      
      header nav ul.contact .cta-button {
        padding: 10px 20px;
      }
      
      @media (max-width: 450px) {
        header nav ul.contact .cta-button {
          font-size: 12px;
          padding: 10px 10px;
        }
      }
      
      @media (max-width: 1000px) {
        header nav ul.contact {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
        }
      
        header nav ul.contact li:first-child {
          display: none;
        }
      }
      
      .footer {
        background-color: #050505;
      }
      
      .footer__wrapper {
        color: #fff;
        display: grid;
        grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper {
          display: grid;
          grid-template-columns: 1.3fr 0.7fr;
          grid-template-rows: repeat(3, auto);
          grid-column-gap: 0px;
          grid-row-gap: 50px;
        }
      }
      
      .footer__wrapper > div:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -ms-flex-item-align: end;
        align-self: flex-end;
      }
      
      .footer__wrapper > div:nth-child(1) > img {
        max-width: 250px;
        width: 100%;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(1) {
          grid-column: 1/3;
          grid-row: 3/4;
        }
      }
      
      .footer__wrapper > div:nth-child(1) p {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
      }
      
      .footer__wrapper > div:nth-child(1) ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
      }
      
      .footer__wrapper > div:nth-child(1) ul li a {
        display: block;
        background-color: #1e1e1e;
        height: 32px;
        width: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 500px;
      }
      
      .footer__wrapper > div:nth-child(1) h4 {
        font-size: 20px;
        font-weight: 600;
      }
      
      .footer__wrapper > div:nth-child(1) form {
        background-color: #373737;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 15px 5px 5px;
        border-radius: 8px;
      }
      
      .footer__wrapper > div:nth-child(1) form input {
        width: 100%;
        padding: 10px;
        outline: none;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        font-size: 14px;
        font-weight: 400;
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(2),
      .footer__wrapper > div:nth-child(3),
      .footer__wrapper > div:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
      
      .footer__wrapper > div:nth-child(2) h4,
      .footer__wrapper > div:nth-child(3) h4,
      .footer__wrapper > div:nth-child(4) h4 {
        font-size: 20px;
        font-weight: 600;
      }
      
      .footer__wrapper > div:nth-child(2) ul,
      .footer__wrapper > div:nth-child(3) ul,
      .footer__wrapper > div:nth-child(4) ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
      }
      
      .footer__wrapper > div:nth-child(2) ul li a,
      .footer__wrapper > div:nth-child(3) ul li a,
      .footer__wrapper > div:nth-child(4) ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(2) {
          grid-column: 1/2;
          grid-row: 2/3;
        }
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(2) {
          grid-column: 2/3;
          grid-row: 2/3;
        }
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(4) {
          grid-column: 1/3;
          grid-row: 1/2;
        }
      }
      
      .footer .copyright {
        color: #fff;
        text-align: center;
        margin-top: 50px;
        line-height: 21px;
      }
      
      @media (max-width: 43.74875em) {
        .footer .copyright {
          margin-top: unset;
          padding: 20px 10px 70px 10px;
        }
      }
      
      .contact-form {
        display: none;
      }
      
      .contact-form.active {
        padding: 10px;
        position: fixed !important;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
      }
      
      .contact-form.active .outer-cont {
        background-color: #fff;
        max-width: 684px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
        border-radius: 20px;
        border: 1px solid #ddd;
        position: relative;
      }
      
      @media (max-width: 500px) {
        .contact-form.active .outer-cont {
          overflow: scroll;
          height: 100%;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
        }
      }
      
      .contact-form.active .outer-cont .inner-cont {
        width: 100%;
      }
      
      .contact-form.active .outer-cont .inner-cont h3 {
        color: #414042;
        font-size: 28px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 12px;
      }
      
      .contact-form.active .outer-cont .inner-cont p {
        color: #606060;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        max-width: 435px;
        width: 100%;
        margin-bottom: 39px;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm label,
      .contact-form.active .outer-cont .inner-cont form#contactForm input,
      .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
      .contact-form.active .outer-cont .inner-cont form#contactForm button,
      .contact-form.active .outer-cont .inner-cont form#contactForm select {
        width: 100%;
        outline: none;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
        width: 100%;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
        margin-bottom: 10px;
        display: block;
        color: #1d263a;
        font-family: Inter;
        font-size: 17px;
        font-weight: 600;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
        border-radius: 10px;
        background-color: rgba(224, 236, 240, 0.5);
        border: none;
        padding: 16px;
        color: #1d263a;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-webkit-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-webkit-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-webkit-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-moz-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-moz-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-moz-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input:-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea:-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select:-ms-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-ms-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
        background-repeat: no-repeat;
        background-size: 14px 14px;
        background-position: calc(100% - 16px);
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm button {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 17px;
        font-weight: 500;
        padding: 14px;
        background-color: #e22828;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
      }
      
      @media (max-width: 56.24875em) {
        .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      
      .contact-form.active .outer-cont .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        top: 20px;
        right: 20px;
        cursor: pointer;
      }
      
      .contact-form.active .outer-cont #messageArea {
        margin-top: 10px;
      }
      
      .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      
      .swiper-container {
        position: relative;
        width: 100%;
        margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
        padding-top: 30px;
        min-height: calc(
          clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
            clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
        );
      }
      
      @media (max-width: 749px) {
        .swiper-container {
          padding-left: 20px;
          padding-right: 20px;
        }
      }
      
      .swiper-container > .swiper-slide__content {
        position: absolute;
        top: 0;
      }
      
      .swiper-slide {
        border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
        overflow: hidden;
        height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
        display: flex;
        align-items: center;
        justify-content: center;
      
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: all 200ms linear;
      }
      
      .swiper-slide.swiper-slide-active {
        height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
        background: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
        box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      }
      
      .swiper-slide__content {
        height: 300px;
      }
      
      ul.categ-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
      }
      
      ul.categ-cont li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
      }
      
      ul.categ-cont li span {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 100%;
      }
      
      ul.categ-cont li span.red {
        background-color: #e22829;
      }
      
      ul.categ-cont li span.green {
        background-color: #64e228;
      }
      
      main {
        margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
      }
      
      main .hero {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
      }
      
      .section-title {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 600;
        color: white;
        margin-bottom: 2rem;
      }
      
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
      }
      
      .hero__wrapper {
        position: relative;
        z-index: 1;
        margin-top: 85px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
      }
      
      main .hero__wrapper div.cont .text-cont h1 {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 600px;
        margin-right: 500px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 24px;
        font-size: 90px;
      
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      
      @media (max-width: 750px) {
        .hero__wrapper {
          margin-top: 31px;
          padding: 0px 20px;
          padding-bottom: 139px;
        }
      
        main .hero__wrapper div.cont .text-cont h1 {
          font-size: clamp(4rem, 5vw, 3rem);
          margin-right: 0;
          max-width: 100%;
        }
        main .hero__wrapper div.cont .text-cont p,
        main .hero__wrapper div.cont .text-cont ul {
          max-width: 100%;
          margin: 0;
          padding: 0 0;
          box-sizing: border-box;
        }
      
        .hero {
          padding-left: 0;
        }
      }
      
      main .hero__wrapper div.cont .text-cont p {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 700px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 24px;
        /* line-height: 24px; */
      
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
      }
      
      main .hero__wrapper div.cont .text-cont ul {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 400px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 200px;
      }
      
      @media (max-width: 750px) {
        main {
          overflow-x: hidden !important;
        }
      }
      
      @media (max-width: 750px) {
        main .hero {
          font-family: "TwCenMT", sans-serif;
          font-weight: 700;
          line-height: 14px;
          width: 100vw;
          /* padding-left: 40px; */
          overflow: hidden;
        }
      
        main .hero__wrapper div.cont h1 {
          width: 100%;
          max-width: 100%;
          box-sizing: border-box;
        }
      
        main .hero__wrapper div.cont .text-cont {
          width: 100%;
          max-width: 100%;
          /* padding-right: 20px; optional */
          box-sizing: border-box;
        }
      
        main .hero-bg-video {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          object-fit: cover;
          z-index: -1;
          overflow-x: hidden;
        }
      
        main {
          overflow-x: hidden;
        }
      }
      
      main .hero__wrapper div.cont .text-cont .categ .circle::before {
        -webkit-animation: mymove 2s infinite;
        animation: mymove 2s infinite;
        position: absolute;
        background-color: #64e228;
      }
      
      main .hero__wrapper div.cont .text-cont h1 {
        margin-top: 23px;
        font-family: "TwkLausanne-500";
        font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
        line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
        letter-spacing: 1px;
        /* width: 832px; */
        width: 100%;
      }
      
      main .hero__wrapper div.cont .text-cont h1 span.icon {
        display: inline-block;
        width: 25px;
        height: 28.939px;
        background-image: url(./assets/images/bc-icon.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: 10px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
      }
      
      main .hero__wrapper div.cont .text-cont h1 span.amazing {
        background: center 67%/227% url("./assets/images/roseate-04.jpeg");
        background-clip: text;
        -webkit-background-clip: text;
        color: rgba(0, 0, 0, 0);
      }
      
      main .hero__wrapper div.cont .text-cont ul {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 14px;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
        text-decoration: none;
        color: #fff;
        background-color: #2f44ff;
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwkLausanne-600";
        font-size: 14px;
        cursor: pointer;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
        text-decoration: none;
        color: #fff;
        background-color: #2f44ff;
      
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwkLausanne-600";
        font-size: 14px;
        cursor: pointer;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
        color: #fff;
        font-family: "TwkLausanne-300";
        text-decoration-line: underline;
      } */
      
      main .hero__wrapper div.cont .text-cont .rates {
        margin-top: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
      }
      
      main .hero__wrapper div .text-cont .description {
        font-family: "TwCenMT", sans-serif;
        font-weight: 400;
        font-size: 21px;
        line-height: 36px;
        /* padding: 0 8px; */
      }
      
      .description-styles {
        color: #000 !important;
        margin-top: 6px !important;
        /* font-size: clamp(16px, 2vw, 26px) !important; */
        line-height: 1.5 !important;
        margin-bottom: 50px !important;
      }
      
      main .hero__wrapper div .text-cont .title {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 52px;
        width: 100%;
        margin-top: 38px;
        margin-bottom: 18px;
      }
      
      .hero-btn-styles {
        display: flex;
        gap: 36px;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .hero-btn-styles li a {
        display: inline-block;
        padding: 12px 24px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
      }
      
      @media (max-width: 768px) {
        .hero-btn-styles li a {
          padding: 12px 16px;
        }
      
        main .hero__wrapper div .text-cont .title {
          margin-top: 0px;
          margin-bottom: 10px;
        }
      
        .description-styles {
          color: #000 !important;
          margin-bottom: 27px !important;
        }
      
        .hero-btn-styles {
          flex-direction: row !important;
          justify-content: space-between;
        }
      }
      
      main .about {
        width: 100%;
        max-width: 1090px;
        margin: 0 auto;
        text-align: center;
        padding-top: 80px;
        font-family: "TwCenMT", sans-serif;
        font-size: 40px;
        font-weight: 700;
      }
      
      main .about .container-about {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-family: "TwCenMT", sans-serif;
      }
      
      .view-link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
        width: 140px;
        font-family: "TwCenMT", sans-serif;
      }
      
      .arrow {
        width: 30px;
        height: auto;
        margin-left: 10px;
      }
      
      .about-cf-text {
        text-align: left;
        font-family: "TwCenMT", sans-serif;
        width: 580px;
        font-weight: 400;
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 20px;
        margin-left: 60px;
      
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .about-admin-text {
        text-align: left;
        font-family: "TwCenMT", sans-serif;
        width: 580px;
        font-weight: 300;
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 20px;
        margin-left: 60px;
      
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .highlighted__text {
        font-weight: 700;
      }
      
      .expertise-text {
        margin-top: 60px;
        font-weight: 400;
        font-size: 22px;
        font-family: "TwCenMT", sans-serif;
        line-height: 28px;
      }
      
      .cyber-fox-image {
        width: auto;
        height: 400px;
      }
      
      .admin-image {
        height: 500px;
        width: auto;
      }
      
      .admin-image-mobile {
        height: 400px;
      }
      
      main .about .container-about .container-about-first img {
        height: 400px;
        width: auto;
      }
      
      main .about .container-about .about-content-second img {
        height: 600px;
      }
      
      main .services {
        background-image: url("./assets/images/services_bg-compressed.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      
      main .services__wrapper--services {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      
      main .services__wrapper--services li {
        border-radius: 24px;
        padding-bottom: 20px;
        background: #f9f9f9;
        overflow: hidden;
        width: calc((100% - 20px) / 6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
        color: #000;
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        text-align: center;
        margin-top: 20px;
      }
      
      @media (max-width: 1024px) {
        main .services__wrapper--services li {
          width: calc((100% - 120px) / 5);
        }
      }
      
      @media (max-width: 56.24875em) {
        main .services__wrapper--services li {
          width: 22%;
        }
      }
      
      @media (max-width: 43.74875em) {
        main .services__wrapper--services li {
          width: 30%;
        }
      }
      
      @media (max-width: 560px) {
        main .services__wrapper--services li {
          width: 46%;
        }
      }
      
      main .services__wrapper--services li .img-cont {
        border-radius: 24px;
        width: 100%;
      }
      
      main .services__wrapper--services li .img-cont img {
        width: 100%;
        height: auto;
      }
      
      main .services .text-blockchain {
        max-width: 1152px;
        width: 100%;
        margin: 0 auto;
        font-style: normal;
        padding-left: 20px;
        padding-right: 20px;
      }
      
      main .services .text-blockchain h2 {
        font-family: "TwCenMT", sans-serif;
        line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
        font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
        text-align: center;
      }
      
      @media (max-width: 56.24875em) {
        main .services .text-blockchain h2 {
          text-align: left;
        }
      }
      
      main .services .text-blockchain h2 span.dmcc {
        font-family: "TwCenMT", sans-serif;
        font-weight: 500;
      }
      
      main .services .text-blockchain h2 span.icon {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(./assets/images/bc-icon.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 5px;
        font-family: "TwCenMT", sans-serif;
      }
      
      main .services .text-blockchain h2 span.colored {
        background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#f5160f),
          to(#0e12e7)
        );
        background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-family: "TwCenMT", sans-serif;
      }
      
      main .services .text-blockchain h2 span.fade1 {
        color: #727272;
      }
      
      main .services .text-blockchain h2 span.fade2 {
        color: rgba(114, 114, 114, 0.45);
      }
      
      main .services .text-blockchain h2 span.fade3 {
        color: rgba(114, 114, 114, 0.45);
      }
      
      main .services .text-blockchain h2 span.fade4 {
        color: #e4e4e4;
      }
      
      main .value {
        padding-left: 10px;
        padding-right: 10px;
      }
      
      main .value__wrapper {
        background-color: #1a1a1a;
        max-width: 1412px;
        width: 100%;
        margin: 0 auto;
        border-radius: 36px;
        padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
      }
      
      main .value__wrapper--container {
        color: #ebebeb;
        text-align: center;
      }
      
      main .value__wrapper--container h2 {
        font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
        font-family: "TwCenMT", sans-serif;
      }
      
      main .value__wrapper--container .map {
        background-image: url(./assets/images/bg-map.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
        margin-top: 70px;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .map {
          background-position: top;
        }
      }
      
      main .value__wrapper--container .map .text-cont {
        text-align: center;
        color: #fff;
      }
      
      main .value__wrapper--container .map .text-cont img {
        width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
      }
      
      main .value__wrapper--container .map .text-cont p {
        font-family: "TwkLausanne-600";
        text-align: center;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 80px;
      }
      
      main .value__wrapper--container .map .text-cont span {
        margin-top: 27px;
        display: inline-block;
        max-width: 430px;
        line-height: 25px;
      }
      
      main .value__wrapper--container .map span[class*="float-"] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 100%;
      }
      
      @media (max-width: 980px) {
        main .value__wrapper--container .map span[class*="float-"] {
          display: none;
        }
      }
      
      main .value__wrapper--container .map .float-1 {
        width: 51px;
        height: 51px;
        top: 103px;
        left: 213px;
        background-image: url(./assets/images/value/icon-1.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
      }
      
      main .value__wrapper--container .map .float-2 {
        width: 32px;
        height: 32px;
        bottom: 172px;
        left: 227px;
        background-image: url(./assets/images/value/icon-3.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
      }
      
      main .value__wrapper--container .map .float-3 {
        width: 32px;
        height: 32px;
        top: 20px;
        margin-right: -50px;
        background-image: url(./assets/images/value/icon-3.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
      }
      
      main .value__wrapper--container .map .float-4 {
        width: 32px;
        height: 32px;
        margin-right: -100px;
        background-image: url(./assets/images/value/icon-4.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.7s;
        animation-delay: 1.7s;
      }
      
      main .value__wrapper--container .map .float-5 {
        width: 32px;
        height: 32px;
        top: 137px;
        right: 227px;
        background-image: url(./assets/images/value/icon-2.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
      }
      
      main .value__wrapper--container .map .float-6 {
        width: 32px;
        height: 32px;
        bottom: 118px;
        right: 122px;
        background-image: url(./assets/images/value/icon-1.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s;
      }
      
      main .value__wrapper--container .development {
        margin-top: 105px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .development {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 50px;
        }
      }
      
      main .value__wrapper--container .development > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #fff;
        text-align: center;
      }
      
      main .value__wrapper--container .development > div p {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
      }
      
      main .value__wrapper--container .development > div span {
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "TwkLausanne-300";
      }
      
      main .value__wrapper--container .development .cont-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
        text-align: center;
      }
      
      main .value__wrapper--container .development .cont-1 .one-zero {
        max-width: 368px;
        width: 100%;
        min-height: 385px;
        background-image: url(./assets/images/bg-one-zero.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      main .value__wrapper--container .development .cont-1 .one-zero img {
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main
        .value__wrapper--container
        .development
        .cont-1
        .one-zero
        img:nth-child(1) {
        width: 78px;
        height: 77px;
        margin-bottom: 33px;
      }
      
      main
        .value__wrapper--container
        .development
        .cont-1
        .one-zero
        img:nth-child(2) {
        width: 131px;
        margin-bottom: 65px;
        height: 129px;
      }
      
      main .value__wrapper--container .development .cont-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
      }
      
      main .value__wrapper--container .development .cont-2 img {
        max-width: 313px;
        width: 100%;
        margin-bottom: 25px;
      }
      
      main .value__wrapper--container .development .cont-2 p {
        margin-bottom: 27px;
      }
      
      main .value__wrapper--container .category {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        margin-top: 115px;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .category {
          margin-top: 70px;
        }
      }
      
      main .value__wrapper--container .category li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
        color: #000;
      }
      
      .value__footer-image {
        position: relative;
        left: 50%;
        bottom: -194px;
        transform: translateX(-50%);
        width: 100%;
        height: 615px;
        background-image: url("./assets/images/footer-banner-compressed.png");
        background-size: cover;
        background-position: center;
        border-bottom-left-radius: 36px;
        border-bottom-right-radius: 36px;
        z-index: 1;
      }
      
      .value__footer-image .overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 170px 20px;
        text-align: center;
        color: white;
        font-size: 1.25rem;
        line-height: 1.6;
        font-family: "TwkLausanne-300", sans-serif;
        background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
      }
      
      main .value h3 {
        max-width: 1090px;
        margin: 0 auto;
        font-family: "TwkLausanne-500";
        margin-top: 55px;
        color: #fff;
        text-align: center;
        font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
        line-height: normal;
        letter-spacing: 1px;
      }
      
      main .partners ul {
        display: grid;
        grid-template-columns: repeat(
          3,
          clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
        );
        grid-template-rows: 1fr;
        grid-column-gap: 77px;
        grid-row-gap: 48px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 43.74875em) {
        main .partners ul {
          grid-template-columns: repeat(2, 150px);
          grid-column-gap: 20px;
          grid-row-gap: 20px;
        }
      }
      
      main .partners ul li img {
        width: 100%;
      }
      
      main .blockchain-solutions {
        overflow: hidden;
      }
      
      main .blockchain-solutions__wrapper {
        text-align: center;
      }
      
      main .blockchain-solutions__wrapper span {
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 14px;
      }
      
      main .blockchain-solutions__wrapper h2 {
        font-family: "TwCenMT", sans-serif;
        font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
        margin-top: 40px;
        font-weight: 600;
      }
      
      main .blockchain-solutions__wrapper p {
        max-width: 435px;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-top: 25px;
        max-width: 600px;
        font-family: "TwCenMT", sans-serif;
        line-height: 25px;
      }
      
      main .get-quote {
        background-color: #242424;
        background-image: url("./assets/images/get-quote-bg-compressed.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        position: relative;
        z-index: 1;
      }
      
      main .get-quote__wrapper {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      main .get-quote__wrapper h3 {
        font-family: "TwkLausanne-600";
        font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
        line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
      }
      
      main .get-quote__wrapper p {
        font-family: "TwkLausanne-300";
        line-height: 24px;
      }
      
      main .get-quote a {
        background-color: #fff;
        color: #000;
      }
      
      main.inner-pages .inner-title {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
        margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
        margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
        max-width: 490px;
        width: 100%;
      }
      
      main.inner-pages .inner-header .inner-header-cont {
        padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
        padding-bottom: 5.8125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      main.inner-pages .inner-header .inner-header-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
        margin-top: 0.8125rem;
        font-family: "TwkLausanne-500";
        font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
        line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
        margin-top: 1.25rem;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
        margin-top: 1.8125rem;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        height: 19.0625rem;
        border-radius: 16px;
        background: #d9d9d9;
        overflow: hidden;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
          display: none;
        }
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-1 .section-1-cont {
        background-color: #f5f7fa;
        padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
        border-radius: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-1 .section-1-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
        line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
        margin-top: 1.1875rem;
        color: #9ba3b2;
        font-family: "TwkLausanne-300";
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 25px;
          margin-top: 25px;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13px;
        border-radius: 100%;
        background-image: url(./assets/images/circle-check.svg);
      }
      
      main.inner-pages
        .section-1
        .section-1-cont
        .section-1-cont-left
        ul
        p:nth-child(2) {
        margin-top: 22px;
        font-family: "TwkLausanne-500";
      }
      
      main.inner-pages
        .section-1
        .section-1-cont
        .section-1-cont-left
        ul
        p:last-child {
        margin-top: 11px;
        color: #000;
        font-family: "TwkLausanne-300";
        line-height: 20px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: 19.0625rem;
        border-radius: 16px;
        background: #d9d9d9;
        overflow: hidden;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
          height: unset;
          width: 75%;
        }
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
          width: 100%;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-2 {
        margin-bottom: 44px;
      }
      
      main.inner-pages .section-2 ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 55px;
        grid-row-gap: 29px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-2 ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-2 ul {
          grid-template-columns: repeat(1, 1fr);
        }
      }
      
      main.inner-pages .section-2 ul li {
        border-radius: 12px;
        background: #f5f7fa;
        padding: 42px 24px 74px 24px;
      }
      
      main.inner-pages .section-2 ul li span {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(./assets/images/circle-check.svg);
        border-radius: 100%;
      }
      
      main.inner-pages .section-2 ul li p:nth-child(2) {
        font-family: "TwkLausanne-500";
        margin-top: 22px;
      }
      
      main.inner-pages .section-2 ul li p:nth-child(3) {
        margin-top: 22px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-2 ul li a {
        color: #000;
        text-decoration: none;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
        margin-top: 36px;
        display: inline-block;
      }
      
      main.inner-pages .section-3 {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 123px;
      }
      
      main.inner-pages .section-3 .section-3-cont {
        border-radius: 36px;
        background: #f5f7fa;
        padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-3 .section-3-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      }
      
      main.inner-pages .section-3 .section-3-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
        margin-top: 21px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
        margin-top: 25px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 29px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
        border-radius: 16px;
        background: #d8e0eb;
        padding: 16px 27px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages
          .section-3
          .section-3-cont
          .section-3-cont-right
          ul
          li
          .title {
          display: grid;
          grid-template-columns: 16px 1fr 24px;
          grid-template-rows: 1fr;
          grid-column-gap: 10px;
          grid-row-gap: 0px;
        }
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        span.icon-1 {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid #000;
        border-radius: 100%;
        -ms-flex-item-align: self-start;
        align-self: self-start;
        margin-top: 5px;
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        .desc
        p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        span.icon-2 {
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(./assets/images/arrow-right-black.svg);
      }
      
      main.inner-pages .section-4 .section-4-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-4 .section-4-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
        border-radius: 12px;
        background: #f5f7fa;
        padding: 31px 40px 31px 24px;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
        background-image: url(./assets/images/circle-check.svg);
        width: 24px;
        height: 24px;
        display: block;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        > div
        p:nth-child(2) {
        font-family: "TwkLausanne-500";
        margin-top: 22px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        > div
        p:nth-child(3) {
        margin-top: 22px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        div:last-child {
        margin-top: 16px;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        border-radius: 12px;
        background: #f5f7fa;
        padding: 31px;
        text-align: center;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
        height: 305px;
        overflow: hidden;
        max-width: 85%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        border-radius: 16px;
        background: #d9d9d9;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-right
        p:nth-child(2) {
        font-family: "TwkLausanne-500";
        font-size: 22px;
        margin-top: 21px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-right
        p:nth-child(3) {
        margin-top: 15px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-5 .section-5-cont h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-5 .section-5-cont > p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
        max-width: 516px;
        width: 100%;
      }
      
      main.inner-pages .section-5 .section-5-cont ul {
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-5 .section-5-cont ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      main.inner-pages .section-5 .section-5-cont ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-5 .section-5-cont ul li {
          display: grid;
          grid-template-columns: 24px 1fr;
          grid-template-rows: 1fr;
          grid-column-gap: 15px;
          grid-row-gap: 0px;
        }
      }
      
      main.inner-pages .section-5 .section-5-cont ul li span {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(./assets/images/circle-check.svg);
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-5 .section-5-cont ul li p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main section {
        padding-bottom: 158px;
      }
      
      @media (max-width: 768px) {
        main section {
          padding-bottom: 0px;
        }
      }
      
      .privacy-policy-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      
      .privacy-policy-wrapper .container h2 {
        text-align: center;
        font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
        font-family: "TwkLausanne-600";
        line-height: normal;
        margin-bottom: 50px;
      }
      
      .privacy-policy-wrapper .container h3,
      .privacy-policy-wrapper .container p,
      .privacy-policy-wrapper .container li {
        margin-bottom: 25px;
      }
      
      .privacy-policy-wrapper .container h3 {
        font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
        font-style: normal;
        font-family: "TwkLausanne-600";
        line-height: 44px;
      }
      
      .privacy-policy-wrapper .container p,
      .privacy-policy-wrapper .container li {
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "TwkLausanne-300";
      }
      
      .privacy-policy-wrapper .container ul {
        list-style-type: disc;
        margin-left: 20px;
      }
      
      .privacy-policy-wrapper .container p span,
      .privacy-policy-wrapper .container ul li strong {
        font-weight: bold;
      }
      
      @media (max-width: 750px) {
        .container-about {
          flex-direction: column !important;
          align-items: center;
          gap: 40px;
        }
      
        .about-cf-text,
        .about-admin-text {
          width: 100%;
          margin-left: 0;
          padding: 0 20px;
          text-align: center;
        }
      
        .cyber-fox-image,
        .admin-image,
        .admin-image-mobile {
          width: 90%;
          height: auto;
        }
      
        .about-title h2 {
          font-size: 1.8rem;
        }
      
        .about-title h5 {
          font-size: 1rem;
          margin-top: 10px;
        }
      
        .expertise-text {
          font-size: 18px;
          padding: 0 20px;
          text-align: center;
        }
      
        .view-link {
          margin: 0 auto;
          justify-content: center;
        }
      }
      
      @media (max-width: 750px) {
        .about-title-h2 {
          color: #000;
        }
      }
      
      @media (max-width: 750px) {
        .value__footer-image {
          background-size: contain !important;
          background-repeat: no-repeat !important;
          background-position: top center !important;
          height: auto !important;
          min-height: 500px;
        }
      
        .value__footer-image .overlay {
          padding: 20px 20px !important;
        }
      }
      
      .contract-form {
        background-color: #0a1833;
        padding: 30px 55px;
        width: 100%;
        flex: 1;
        min-width: 40%;
        /* max-width: 548px; */
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }
      
      .contract-form .group-cont {
        margin-bottom: 20px;
      }
      
      .contract-form .sec input,
      .contract-form .sec textarea {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #333;
        border-radius: 8px;
        color: #000;
        transition: all 0.3s ease;
      }
      
      .contract-form .sec input:focus,
      .contract-form .sec textarea:focus {
        border-color: #2f44ff;
        outline: none;
      }
      
      .contract-form .sec input::placeholder,
      .contract-form .sec textarea::placeholder {
        color: #666;
      }
      
      .contract-form button {
        width: 100%;
        padding: 0;
        background-color: #2f44ff;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
      }
      
      .contract-form button:hover {
        background-color: #1f32e0;
        transform: translateY(-2px);
      }
      
      #messageArea {
        margin-top: 15px;
        text-align: center;
        color: #fff;
      }
      
      @media (max-width: 768px) {
        .contract-form {
          padding: 20px;
        }
      }
      
      .max-w-42 {
        max-width: 42rem;
        width: 100%;
      }
      
      /* .hero-styles {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1432px !important;
        margin: 0 auto;
        padding: 0px;
      } */
      
      .hero-styles {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 100%;
        margin: 0 auto;
        padding: 0px;
      }
      
      .hero-section {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: flex-start !important;
        min-height: calc(100dvh - 68px) !important;
        height: 100% !important;
        padding: 0 10%;
      }
      
      @media (max-width: 768px) {
        .hero-styles {
          padding: 0 0px;
          gap: 8px;
        }
      
        .hero-section {
          min-height: calc(100dvh - 60px) !important;
          height: 100% !important;
        }
      }
      
      /* Hero background image styles */
      .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
      }
      
      @media (max-width: 768px) {
        .hero .cont {
          flex-direction: column;
        }
      
        .contract-form {
          margin-top: 15px;
          padding-top: 30px !important;
        }
      }
      
      /* Hero section button styles */
      .hero .text-cont ul {
        display: flex;
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .hero .text-cont ul li {
        margin: 0;
        padding: 0;
      }
      
      .hero .text-cont ul li .btn {
        display: inline-block;
        width: auto;
        border-radius: 10px;
      }
      
      @media (max-width: 768px) {
        .hero .cont {
          flex-direction: column;
        }
      
        .contract-form {
          margin-top: 15px;
          /*padding-top: 30px !important;*/
        }
      
        .hero .text-cont ul {
          flex-direction: column;
          gap: 4px;
          width: 100%;
        }
      
        .hero .text-cont ul li {
          width: fit-content;
        }
      
        .hero .text-cont ul li .btn {
          width: 100%;
          text-align: center;
        }
      }
      
      .form-input-styles {
        width: 100%;
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 22px;
        height: 70px;
      }
      
      .h3-styles {
        text-align: center;
        margin-bottom: 32px;
        font-size: 59px;
        font-weight: 700;
        margin-top: 0px;
      }
      
      .h6-styles {
        text-align: center;
        margin-bottom: 32px;
        font-weight: 400;
        font-size: 48px;
        margin-top: 0px;
      }
      
      .label-styles {
        display: block;
        font-size: 26px;
        display: block;
        color: #fff;
        margin-bottom: 4px;
        font-weight: 400;
        line-height: 36px;
      }
      
      .submit-btn-styles {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 32px;
        font-weight: 400;
        padding: 14px;
        background-color: #2f44ff;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 108px;
      }
      
      .trusted-text {
        text-align: center;
        margin-top: 26px;
        font-size: 26px;
        font-weight: 400;
        color: #fff;
      }
      
      .nav-styles {
        max-width: 100% !important;
        padding: 0 10%;
      }
      
      
        main .hero__wrapper div .text-cont .title {
        font-size: 60px;
      }
      
      main .hero__wrapper div .text-cont .description{
        font-size: 34px;
      }
      
      .hero-btn-styles li a {
        display: inline-block;
        padding: 18px 27px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: 29px;
      }
      
      .contract-form {
        background-color: #0a1833;
        padding: 72px 55px;
        padding-top: 72px;
        padding-bottom: 56px;
        width: 100%;
        flex: 1;
        max-width: 600px;
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }
      
      .trusted-text {
        text-align: center;
        margin-top: 43px;
        font-size: 23px;
        font-weight: 400;
        color: #fff;
      }
      
      .contract-form .group-cont {
        margin-bottom: 53px;
      }
      
      .form-input-styles{
        font-size: 22px;
        height: 82px;
      }
      
      .submit-btn-styles {
        height: 122px;
      }
    
      .text-cont.aos-init.aos-animate {
        max-width: 50% !important;
    }
      
      
    }
    
    @media screen and (min-width: 1537px) and (max-width: 1921px) {
    
      main .hero__wrapper div .text-cont .title {
      font-size: 50px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 27px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 26px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 32px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 68px;
    }
    
    .submit-btn-styles {
      height: 100px;
    }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1537px) {
    
      main .hero__wrapper div .text-cont .title {
        font-size: 40px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-size: 22px;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 18px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 24px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 75px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 17px;
      font-weight: 400;
      color: #fff;
    }
    
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 60px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 18px;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0px;
    }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1441px) {
    
      main .hero__wrapper div .text-cont .description {
        font-size: 21px;
    }
    
      .hero-btn-styles li a {
        display: inline-block;
        padding: 12px 24px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: 18px;
    }
    
      main .hero__wrapper div .text-cont .title {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 52px;
        width: 100%;
        margin-top: 38px;
        margin-bottom: 18px;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
      .form-input-styles {
        height: 50px;
      }
    
      .label-styles {
        font-size: 18px;
      }
    
      .contract-form button {
        padding: 4px;
      }
    
      .submit-btn-styles {
        font-size: 24px;
        height: 44px;
      }
    
      .trusted-text {
        font-size: 17px;
      }
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1367px) {
      .hero__wrapper {
        position: relative;
        z-index: 1;
        margin-top: 46px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 0px;
    }
    
    main .hero__wrapper div .text-cont .description {
        font-size: 20px;
      }
    
     .h3-styles {
        text-align: center;
        margin-bottom: 6px;
        font-size: 35px;
        font-weight: 700;
        margin-top: 0px;
     }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1281px) {
    
      main .hero__wrapper div .text-cont .description {
        color: #000 !important;
        margin-top: 6px !important;
        /* font-size: clamp(16px, 2vw, 26px) !important; */
        line-height: 1.5 !important;
        margin-bottom: 40px !important;
    }
    
      .trusted-text {
        font-size: 14px;
    }
    
      main .hero__wrapper div .text-cont .title {
        font-size: 34px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-size: 18px;
    }
    
      .h3-styles {
        font-size: 28px;
      }
    
      .h6-styles {
        font-size: 24px;
      }
    
      .submit-btn-styles {
        font-size: 16px;
        height: 44px;
      }
    }
    
    @media screen and (max-width: 768px) {
    
      a.btn.cta-button-mobile {
        background: black;
        font-size: 16px;
        padding: 8px 10px;
        border-radius: 4px;
    }
    
    header nav a {
      text-decoration: none;
      color: #ffffff;
      cursor: pointer;
      font-family: "TwkLausanne-300";
    }
    
    p.title{
    color: #000;
    font-size: clamp(21px, 5vw, 45px) !important;
    line-height: 1.2;
    font-weight: 700;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 11px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
      .hero-section {
        padding: 0px;
      }
    
      .nav-styles {
        padding: 0px 20px;
      }
    
      .form-input-styles {
        font-size: 14px;
        height: 38px;
      }
    
      .h3-styles {
        text-align: center;
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 600;
      }
    
      .h6-styles {
        text-align: center;
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 16px;
      }
    
      .label-styles {
        display: block;
        margin-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
      }
    
      .submit-btn-styles {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 15px;
        font-weight: 500;
        padding: 14px;
        background-color: #2f44ff;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 52px;
      }
    
      .trusted-text {
        text-align: center;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
      }
    }
    
    
    
    img.hero-bg-video {
        position: absolute;
        top: 39px;
        /* left: 132px; */
        width: 100%;
        height: 85%;
        object-fit: fill;
        z-index: -1;
        /* width: 176%; */
        /* height: 178%; */
        overflow-clip-margin: unset;
        overflow: unset;
    }
  }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1441px) {
  
    main .hero__wrapper div .text-cont .description {
      font-size: 21px;
  }
  
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 18px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
    .form-input-styles {
      height: 50px;
    }
  
    .label-styles {
      font-size: 18px;
    }
  
    .contract-form button {
      padding: 4px;
    }
  
    .submit-btn-styles {
      font-size: 24px;
      height: 44px;
    }
  
    .trusted-text {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1367px) {
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 0px;
  }
  
  main .hero__wrapper div .text-cont .description {
      font-size: 20px;
    }
  
   .h3-styles {
      text-align: center;
      margin-bottom: 6px;
      font-size: 35px;
      font-weight: 700;
      margin-top: 0px;
   }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1281px) {
  
    main .hero__wrapper div .text-cont .description {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 40px !important;
  }
  
    .trusted-text {
      font-size: 14px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-size: 34px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 18px;
  }
  
    .h3-styles {
      font-size: 28px;
    }
  
    .h6-styles {
      font-size: 24px;
    }
  
    .submit-btn-styles {
      font-size: 16px;
      height: 44px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    a.btn.cta-button-mobile {
      background: black;
      font-size: 16px;
      padding: 8px 10px;
      border-radius: 4px;
  }
  
  header nav a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: "TwkLausanne-300";
  }
  
  p.title{
  color: #000;
  font-size: clamp(21px, 5vw, 45px) !important;
  line-height: 1.2;
  font-weight: 700;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
    .hero-section {
      padding: 0px;
    }
  
    .nav-styles {
      padding: 0px 20px;
    }
  
    .form-input-styles {
      font-size: 14px;
      height: 45px;
    }
  
    .h3-styles {
      text-align: center;
      margin-bottom: 10px;
      font-size: 28px;
      font-weight: 600;
    }
  
    .h6-styles {
      text-align: center;
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 16px;
    }
  
    .label-styles {
      display: block;
      margin-bottom: 1px;
      font-size: 18px;
      font-weight: 400;
      line-height: 36px;
    }
  
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 22px;
      font-weight: 500;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 76px;
    }
  
    .trusted-text {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
    }
  }
  
  @media screen and (max-width: 385px){
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(2.7rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT", sans-serif;
    }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 156px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 10px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        /* overflow: hidden; */
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        /* overflow-x: hidden; */
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 9px 11px;
        font-size: 14px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 15px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
      overflow: hidden;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 10px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 15px 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        /* height: calc(100dvh - 60px) !important; */
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /* padding-top: 15px !important; */
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 26px;
      font-size: 36px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 26px;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    @media screen and (min-width: 2000px) and (max-width: 3841px) {
      @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
    
      @font-face {
        font-family: "TwkLausanne-300";
        src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-400";
        src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-500";
        src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-600";
        src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      html,
      body,
      div,
      span,
      applet,
      object,
      iframe,
      h1,
      p,
      blockquote,
      pre,
      a,
      abbr,
      acronym,
      address,
      big,
      cite,
      code,
      del,
      dfn,
      em,
      img,
      ins,
      kbd,
      q,
      s,
      samp,
      small,
      strike,
      strong,
      sub,
      sup,
      tt,
      var,
      b,
      u,
      i,
      center,
      dl,
      dt,
      dd,
      ol,
      ul,
      li,
      fieldset,
      form,
      label,
      legend,
      table,
      caption,
      tbody,
      tfoot,
      thead,
      tr,
      th,
      td,
      article,
      aside,
      canvas,
      details,
      embed,
      figure,
      figcaption,
      footer,
      header,
      hgroup,
      menu,
      nav,
      output,
      ruby,
      section,
      summary,
      time,
      mark,
      audio,
      video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font-family: "TwCenMT", sans-serif;
        vertical-align: baseline;
      }
      
      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      menu,
      nav,
      section {
        display: block;
      }
      
      body {
        line-height: 1;
      }
    
      .aos-init {
        overflow: hidden !important;
    }
      
      ol,
      ul {
        list-style: none;
      }
      
      blockquote,
      q {
        quotes: none;
      }
      
      blockquote:before,
      blockquote:after,
      q:before,
      q:after {
        content: "";
        content: none;
      }
      
      table {
        border-collapse: collapse;
        border-spacing: 0;
      }
      
      .container {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
      }
      
      @-webkit-keyframes zoom-in-zoom-out {
        0% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
        50% {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
        }
        100% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
      }
      
      @keyframes zoom-in-zoom-out {
        0% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
        50% {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
        }
        100% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
      }
      
      .padding-section {
        padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
        padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      }
      
      .padding-top-section {
        padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
      }
      
      .cta-button-mobile {
        font-size: 10px;
      }
      
      .get-consultation-btn {
        position: relative;
        text-decoration: none;
        top: 100px;
        color: #000;
        background-color: #fff;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 12px 34px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwCenMT", sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        display: inline-block;
      }
      
      .get-consultation-btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      .btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      .btn img {
        margin-left: 10px;
      }
      
      .overflow-hidden {
        overflow: hidden;
      }
      
      .abs {
        position: absolute;
      }
      
      @-webkit-keyframes mymove {
        50% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
      }
      
      @keyframes mymove {
        50% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
      }
      
      @-webkit-keyframes rotating-right {
        from {
          -webkit-transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
        }
      }
      
      @keyframes rotating-right {
        from {
          -webkit-transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
        }
      }
      
      .get-quote {
        background-color: #211819;
        color: #fff;
      }
      
      .get-quote__wrapper {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      .get-quote__wrapper h3 {
        font-family: "TwkLausanne-600";
        font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
        line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
      }
      
      .get-quote__wrapper p {
        font-family: "TwkLausanne-300";
        line-height: 24px;
      }
      
      .get-quote a {
        background-color: #fff;
        color: #000;
      }
      
      html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        scroll-behavior: smooth;
      }
      
      *,
      *::before,
      *::after {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
      }
      
      body {
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #000;
        font-family: "TwkLausanne-400", "Inter", sans-serif;
        font-optical-sizing: auto;
        font-family: 1rem;
        scroll-behavior: smooth;
      }
      
      header {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
        /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
        z-index: 10;
      }
      
      header nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
      }
      
      header nav a {
        text-decoration: none;
        color: #18191f;
        cursor: pointer;
        font-family: "TwCenMT, sans-serif";
        font-size: 24px;
    }
      
      header nav .logo-wrapper {
        width: 250px;
      }
      
      header nav .logo-wrapper img {
        max-width: 250px;
        width: 100%;
      }
      
      @media (max-width: 1000px) {
        header nav .logo-wrapper {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          text-align: center;
          margin-left: 15px;
        }
      }
      
      header nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      header nav .menu-mobile-wrapper {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav .menu-mobile-wrapper {
          display: block;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
        }
      
        header nav .menu-mobile-wrapper button {
          width: 40px;
          height: 40px;
          background-color: rgba(0, 0, 0, 0);
          border: none;
        }
      }
      
      header nav ul.menu li {
        padding-left: 10px;
        padding-right: 10px;
      }
      
      header nav ul.menu li.active a {
        font-family: "TwkLausanne-400";
      }
      
      header nav ul.menu li:last-child {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav ul.menu li:last-child {
          display: block;
        }
      }
      
      header nav ul.menu .overlay-close {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav ul.menu {
          visibility: hidden;
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
          -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
          transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
          transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
            -webkit-transform 0.4s ease-in-out;
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgba(54, 54, 54, 0.9);
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      
        header nav ul.menu li a {
          color: #fff;
          font-size: 36px;
        }
      
        header nav ul.menu.open {
          visibility: visible;
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
          -webkit-transition: -webkit-transform 0.4s ease-in-out;
          transition: -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        }
      
        header nav ul.menu.open .overlay-close {
          display: block;
          width: 40px;
          height: 40px;
          position: absolute;
          right: 20px;
          top: 20px;
          overflow: hidden;
          border: none;
          background: url(./assets/images/close.svg) no-repeat center center;
          text-indent: 200%;
          color: rgba(0, 0, 0, 0);
          outline: none;
          z-index: 100;
        }
      }
      
      header nav ul.contact {
        width: 250px;
        justify-content: end !important;
      }
      
      header nav ul.contact .cta-button {
        padding: 10px 20px;
      }
      
      @media (max-width: 450px) {
        header nav ul.contact .cta-button {
          font-size: 12px;
          padding: 10px 10px;
        }
      }
      
      @media (max-width: 1000px) {
        header nav ul.contact {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
        }
      
        header nav ul.contact li:first-child {
          display: none;
        }
      }
      
      .footer {
        background-color: #050505;
      }
      
      .footer__wrapper {
        color: #fff;
        display: grid;
        grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper {
          display: grid;
          grid-template-columns: 1.3fr 0.7fr;
          grid-template-rows: repeat(3, auto);
          grid-column-gap: 0px;
          grid-row-gap: 50px;
        }
      }
      
      .footer__wrapper > div:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -ms-flex-item-align: end;
        align-self: flex-end;
      }
      
      .footer__wrapper > div:nth-child(1) > img {
        max-width: 250px;
        width: 100%;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(1) {
          grid-column: 1/3;
          grid-row: 3/4;
        }
      }
      
      .footer__wrapper > div:nth-child(1) p {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
      }
      
      .footer__wrapper > div:nth-child(1) ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
      }
      
      .footer__wrapper > div:nth-child(1) ul li a {
        display: block;
        background-color: #1e1e1e;
        height: 32px;
        width: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 500px;
      }
      
      .footer__wrapper > div:nth-child(1) h4 {
        font-size: 20px;
        font-weight: 600;
      }
      
      .footer__wrapper > div:nth-child(1) form {
        background-color: #373737;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 15px 5px 5px;
        border-radius: 8px;
      }
      
      .footer__wrapper > div:nth-child(1) form input {
        width: 100%;
        padding: 10px;
        outline: none;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        font-size: 14px;
        font-weight: 400;
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(2),
      .footer__wrapper > div:nth-child(3),
      .footer__wrapper > div:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
      
      .footer__wrapper > div:nth-child(2) h4,
      .footer__wrapper > div:nth-child(3) h4,
      .footer__wrapper > div:nth-child(4) h4 {
        font-size: 20px;
        font-weight: 600;
      }
      
      .footer__wrapper > div:nth-child(2) ul,
      .footer__wrapper > div:nth-child(3) ul,
      .footer__wrapper > div:nth-child(4) ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
      }
      
      .footer__wrapper > div:nth-child(2) ul li a,
      .footer__wrapper > div:nth-child(3) ul li a,
      .footer__wrapper > div:nth-child(4) ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(2) {
          grid-column: 1/2;
          grid-row: 2/3;
        }
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(2) {
          grid-column: 2/3;
          grid-row: 2/3;
        }
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(4) {
          grid-column: 1/3;
          grid-row: 1/2;
        }
      }
      
      .footer .copyright {
        color: #fff;
        text-align: center;
        margin-top: 50px;
        line-height: 21px;
      }
      
      @media (max-width: 43.74875em) {
        .footer .copyright {
          margin-top: unset;
          padding: 20px 10px 70px 10px;
        }
      }
      
      .contact-form {
        display: none;
      }
      
      .contact-form.active {
        padding: 10px;
        position: fixed !important;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
      }
      
      .contact-form.active .outer-cont {
        background-color: #fff;
        max-width: 684px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
        border-radius: 20px;
        border: 1px solid #ddd;
        position: relative;
      }
      
      @media (max-width: 500px) {
        .contact-form.active .outer-cont {
          overflow: scroll;
          height: 100%;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
        }
      }
      
      .contact-form.active .outer-cont .inner-cont {
        width: 100%;
      }
      
      .contact-form.active .outer-cont .inner-cont h3 {
        color: #414042;
        font-size: 28px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 12px;
      }
      
      .contact-form.active .outer-cont .inner-cont p {
        color: #606060;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        max-width: 435px;
        width: 100%;
        margin-bottom: 39px;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm label,
      .contact-form.active .outer-cont .inner-cont form#contactForm input,
      .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
      .contact-form.active .outer-cont .inner-cont form#contactForm button,
      .contact-form.active .outer-cont .inner-cont form#contactForm select {
        width: 100%;
        outline: none;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
        width: 100%;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
        margin-bottom: 10px;
        display: block;
        color: #1d263a;
        font-family: Inter;
        font-size: 17px;
        font-weight: 600;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
        border-radius: 10px;
        background-color: rgba(224, 236, 240, 0.5);
        border: none;
        padding: 16px;
        color: #1d263a;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-webkit-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-webkit-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-webkit-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-moz-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-moz-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-moz-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input:-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea:-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select:-ms-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-ms-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
        background-repeat: no-repeat;
        background-size: 14px 14px;
        background-position: calc(100% - 16px);
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm button {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 17px;
        font-weight: 500;
        padding: 14px;
        background-color: #e22828;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
      }
      
      @media (max-width: 56.24875em) {
        .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      
      .contact-form.active .outer-cont .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        top: 20px;
        right: 20px;
        cursor: pointer;
      }
      
      .contact-form.active .outer-cont #messageArea {
        margin-top: 10px;
      }
      
      .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      
      .swiper-container {
        position: relative;
        width: 100%;
        margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
        padding-top: 30px;
        min-height: calc(
          clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
            clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
        );
      }
      
      @media (max-width: 749px) {
        .swiper-container {
          padding-left: 20px;
          padding-right: 20px;
        }
      }
      
      .swiper-container > .swiper-slide__content {
        position: absolute;
        top: 0;
      }
      
      .swiper-slide {
        border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
        overflow: hidden;
        height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
        display: flex;
        align-items: center;
        justify-content: center;
      
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: all 200ms linear;
      }
      
      .swiper-slide.swiper-slide-active {
        height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
        background: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
        box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      }
      
      .swiper-slide__content {
        height: 300px;
      }
      
      ul.categ-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
      }
      
      ul.categ-cont li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
      }
      
      ul.categ-cont li span {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 100%;
      }
      
      ul.categ-cont li span.red {
        background-color: #e22829;
      }
      
      ul.categ-cont li span.green {
        background-color: #64e228;
      }
      
      main {
        margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
      }
      
      main .hero {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
      }
      
      .section-title {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 600;
        color: white;
        margin-bottom: 2rem;
      }
      
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
      }
      
      .hero__wrapper {
        position: relative;
        z-index: 1;
        margin-top: 85px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
      }
      
      main .hero__wrapper div.cont .text-cont h1 {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 600px;
        margin-right: 500px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 24px;
        font-size: 90px;
      
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      
      @media (max-width: 750px) {
        .hero__wrapper {
          margin-top: 31px;
          padding: 0px 20px;
          padding-bottom: 139px;
        }
      
        main .hero__wrapper div.cont .text-cont h1 {
          font-size: clamp(4rem, 5vw, 3rem);
          margin-right: 0;
          max-width: 100%;
        }
        main .hero__wrapper div.cont .text-cont p,
        main .hero__wrapper div.cont .text-cont ul {
          max-width: 100%;
          margin: 0;
          padding: 0 0;
          box-sizing: border-box;
        }
      
        .hero {
          padding-left: 0;
        }
      }
      
      main .hero__wrapper div.cont .text-cont p {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 700px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 24px;
        /* line-height: 24px; */
      
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
      }
      
      main .hero__wrapper div.cont .text-cont ul {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 400px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 200px;
      }
      
      @media (max-width: 750px) {
        main {
          overflow-x: hidden !important;
        }
      }
      
      @media (max-width: 750px) {
        main .hero {
          font-family: "TwCenMT", sans-serif;
          font-weight: 700;
          line-height: 14px;
          width: 100vw;
          /* padding-left: 40px; */
          overflow: hidden;
        }
      
        main .hero__wrapper div.cont h1 {
          width: 100%;
          max-width: 100%;
          box-sizing: border-box;
        }
      
        main .hero__wrapper div.cont .text-cont {
          width: 100%;
          max-width: 100%;
          /* padding-right: 20px; optional */
          box-sizing: border-box;
        }
      
        main .hero-bg-video {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          object-fit: cover;
          z-index: -1;
          overflow-x: hidden;
        }
      
        main {
          overflow-x: hidden;
        }
      }
      
      main .hero__wrapper div.cont .text-cont .categ .circle::before {
        -webkit-animation: mymove 2s infinite;
        animation: mymove 2s infinite;
        position: absolute;
        background-color: #64e228;
      }
      
      main .hero__wrapper div.cont .text-cont h1 {
        margin-top: 23px;
        font-family: "TwkLausanne-500";
        font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
        line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
        letter-spacing: 1px;
        /* width: 832px; */
        width: 100%;
      }
      
      main .hero__wrapper div.cont .text-cont h1 span.icon {
        display: inline-block;
        width: 25px;
        height: 28.939px;
        background-image: url(./assets/images/bc-icon.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: 10px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
      }
      
      main .hero__wrapper div.cont .text-cont h1 span.amazing {
        background: center 67%/227% url("./assets/images/roseate-04.jpeg");
        background-clip: text;
        -webkit-background-clip: text;
        color: rgba(0, 0, 0, 0);
      }
      
      main .hero__wrapper div.cont .text-cont ul {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 14px;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
        text-decoration: none;
        color: #fff;
        background-color: #2f44ff;
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwkLausanne-600";
        font-size: 14px;
        cursor: pointer;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
        text-decoration: none;
        color: #fff;
        background-color: #2f44ff;
      
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwkLausanne-600";
        font-size: 14px;
        cursor: pointer;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
        color: #fff;
        font-family: "TwkLausanne-300";
        text-decoration-line: underline;
      } */
      
      main .hero__wrapper div.cont .text-cont .rates {
        margin-top: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
      }
      
      main .hero__wrapper div .text-cont .description {
        font-family: "TwCenMT", sans-serif;
        font-weight: 400;
        font-size: 21px;
        line-height: 36px;
        /* padding: 0 8px; */
      }
      
      .description-styles {
        color: #000 !important;
        margin-top: 6px !important;
        /* font-size: clamp(16px, 2vw, 26px) !important; */
        line-height: 1.5 !important;
        margin-bottom: 50px !important;
      }
      
      main .hero__wrapper div .text-cont .title {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 52px;
        width: 100%;
        margin-top: 38px;
        margin-bottom: 18px;
      }
      
      .hero-btn-styles {
        display: flex;
        gap: 36px;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .hero-btn-styles li a {
        display: inline-block;
        padding: 12px 24px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
      }
      
      @media (max-width: 768px) {
        .hero-btn-styles li a {
          padding: 12px 16px;
        }
      
        main .hero__wrapper div .text-cont .title {
          margin-top: 0px;
          margin-bottom: 10px;
        }
      
        .description-styles {
          color: #000 !important;
          margin-bottom: 27px !important;
        }
      
        .hero-btn-styles {
          flex-direction: row !important;
          justify-content: space-between;
        }
      }
      
      main .about {
        width: 100%;
        max-width: 1090px;
        margin: 0 auto;
        text-align: center;
        padding-top: 80px;
        font-family: "TwCenMT", sans-serif;
        font-size: 40px;
        font-weight: 700;
      }
      
      main .about .container-about {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-family: "TwCenMT", sans-serif;
      }
      
      .view-link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
        width: 140px;
        font-family: "TwCenMT", sans-serif;
      }
      
      .arrow {
        width: 30px;
        height: auto;
        margin-left: 10px;
      }
      
      .about-cf-text {
        text-align: left;
        font-family: "TwCenMT", sans-serif;
        width: 580px;
        font-weight: 400;
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 20px;
        margin-left: 60px;
      
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .about-admin-text {
        text-align: left;
        font-family: "TwCenMT", sans-serif;
        width: 580px;
        font-weight: 300;
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 20px;
        margin-left: 60px;
      
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .highlighted__text {
        font-weight: 700;
      }
      
      .expertise-text {
        margin-top: 60px;
        font-weight: 400;
        font-size: 22px;
        font-family: "TwCenMT", sans-serif;
        line-height: 28px;
      }
      
      .cyber-fox-image {
        width: auto;
        height: 400px;
      }
      
      .admin-image {
        height: 500px;
        width: auto;
      }
      
      .admin-image-mobile {
        height: 400px;
      }
      
      main .about .container-about .container-about-first img {
        height: 400px;
        width: auto;
      }
      
      main .about .container-about .about-content-second img {
        height: 600px;
      }
      
      main .services {
        background-image: url("./assets/images/services_bg-compressed.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      
      main .services__wrapper--services {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      
      main .services__wrapper--services li {
        border-radius: 24px;
        padding-bottom: 20px;
        background: #f9f9f9;
        overflow: hidden;
        width: calc((100% - 20px) / 6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
        color: #000;
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        text-align: center;
        margin-top: 20px;
      }
      
      @media (max-width: 1024px) {
        main .services__wrapper--services li {
          width: calc((100% - 120px) / 5);
        }
      }
      
      @media (max-width: 56.24875em) {
        main .services__wrapper--services li {
          width: 22%;
        }
      }
      
      @media (max-width: 43.74875em) {
        main .services__wrapper--services li {
          width: 30%;
        }
      }
      
      @media (max-width: 560px) {
        main .services__wrapper--services li {
          width: 46%;
        }
      }
      
      main .services__wrapper--services li .img-cont {
        border-radius: 24px;
        width: 100%;
      }
      
      main .services__wrapper--services li .img-cont img {
        width: 100%;
        height: auto;
      }
      
      main .services .text-blockchain {
        max-width: 1152px;
        width: 100%;
        margin: 0 auto;
        font-style: normal;
        padding-left: 20px;
        padding-right: 20px;
      }
      
      main .services .text-blockchain h2 {
        font-family: "TwCenMT", sans-serif;
        line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
        font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
        text-align: center;
      }
      
      @media (max-width: 56.24875em) {
        main .services .text-blockchain h2 {
          text-align: left;
        }
      }
      
      main .services .text-blockchain h2 span.dmcc {
        font-family: "TwCenMT", sans-serif;
        font-weight: 500;
      }
      
      main .services .text-blockchain h2 span.icon {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(./assets/images/bc-icon.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 5px;
        font-family: "TwCenMT", sans-serif;
      }
      
      main .services .text-blockchain h2 span.colored {
        background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#f5160f),
          to(#0e12e7)
        );
        background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-family: "TwCenMT", sans-serif;
      }
      
      main .services .text-blockchain h2 span.fade1 {
        color: #727272;
      }
      
      main .services .text-blockchain h2 span.fade2 {
        color: rgba(114, 114, 114, 0.45);
      }
      
      main .services .text-blockchain h2 span.fade3 {
        color: rgba(114, 114, 114, 0.45);
      }
      
      main .services .text-blockchain h2 span.fade4 {
        color: #e4e4e4;
      }
      
      main .value {
        padding-left: 10px;
        padding-right: 10px;
      }
      
      main .value__wrapper {
        background-color: #1a1a1a;
        max-width: 1412px;
        width: 100%;
        margin: 0 auto;
        border-radius: 36px;
        padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
      }
      
      main .value__wrapper--container {
        color: #ebebeb;
        text-align: center;
      }
      
      main .value__wrapper--container h2 {
        font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
        font-family: "TwCenMT", sans-serif;
      }
      
      main .value__wrapper--container .map {
        background-image: url(./assets/images/bg-map.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
        margin-top: 70px;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .map {
          background-position: top;
        }
      }
      
      main .value__wrapper--container .map .text-cont {
        text-align: center;
        color: #fff;
      }
      
      main .value__wrapper--container .map .text-cont img {
        width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
      }
      
      main .value__wrapper--container .map .text-cont p {
        font-family: "TwkLausanne-600";
        text-align: center;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 80px;
      }
      
      main .value__wrapper--container .map .text-cont span {
        margin-top: 27px;
        display: inline-block;
        max-width: 430px;
        line-height: 25px;
      }
      
      main .value__wrapper--container .map span[class*="float-"] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 100%;
      }
      
      @media (max-width: 980px) {
        main .value__wrapper--container .map span[class*="float-"] {
          display: none;
        }
      }
      
      main .value__wrapper--container .map .float-1 {
        width: 51px;
        height: 51px;
        top: 103px;
        left: 213px;
        background-image: url(./assets/images/value/icon-1.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
      }
      
      main .value__wrapper--container .map .float-2 {
        width: 32px;
        height: 32px;
        bottom: 172px;
        left: 227px;
        background-image: url(./assets/images/value/icon-3.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
      }
      
      main .value__wrapper--container .map .float-3 {
        width: 32px;
        height: 32px;
        top: 20px;
        margin-right: -50px;
        background-image: url(./assets/images/value/icon-3.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
      }
      
      main .value__wrapper--container .map .float-4 {
        width: 32px;
        height: 32px;
        margin-right: -100px;
        background-image: url(./assets/images/value/icon-4.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.7s;
        animation-delay: 1.7s;
      }
      
      main .value__wrapper--container .map .float-5 {
        width: 32px;
        height: 32px;
        top: 137px;
        right: 227px;
        background-image: url(./assets/images/value/icon-2.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
      }
      
      main .value__wrapper--container .map .float-6 {
        width: 32px;
        height: 32px;
        bottom: 118px;
        right: 122px;
        background-image: url(./assets/images/value/icon-1.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s;
      }
      
      main .value__wrapper--container .development {
        margin-top: 105px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .development {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 50px;
        }
      }
      
      main .value__wrapper--container .development > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #fff;
        text-align: center;
      }
      
      main .value__wrapper--container .development > div p {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
      }
      
      main .value__wrapper--container .development > div span {
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "TwkLausanne-300";
      }
      
      main .value__wrapper--container .development .cont-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
        text-align: center;
      }
      
      main .value__wrapper--container .development .cont-1 .one-zero {
        max-width: 368px;
        width: 100%;
        min-height: 385px;
        background-image: url(./assets/images/bg-one-zero.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      main .value__wrapper--container .development .cont-1 .one-zero img {
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main
        .value__wrapper--container
        .development
        .cont-1
        .one-zero
        img:nth-child(1) {
        width: 78px;
        height: 77px;
        margin-bottom: 33px;
      }
      
      main
        .value__wrapper--container
        .development
        .cont-1
        .one-zero
        img:nth-child(2) {
        width: 131px;
        margin-bottom: 65px;
        height: 129px;
      }
      
      main .value__wrapper--container .development .cont-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
      }
      
      main .value__wrapper--container .development .cont-2 img {
        max-width: 313px;
        width: 100%;
        margin-bottom: 25px;
      }
      
      main .value__wrapper--container .development .cont-2 p {
        margin-bottom: 27px;
      }
      
      main .value__wrapper--container .category {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        margin-top: 115px;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .category {
          margin-top: 70px;
        }
      }
      
      main .value__wrapper--container .category li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
        color: #000;
      }
      
      .value__footer-image {
        position: relative;
        left: 50%;
        bottom: -194px;
        transform: translateX(-50%);
        width: 100%;
        height: 615px;
        background-image: url("./assets/images/footer-banner-compressed.png");
        background-size: cover;
        background-position: center;
        border-bottom-left-radius: 36px;
        border-bottom-right-radius: 36px;
        z-index: 1;
      }
      
      .value__footer-image .overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 170px 20px;
        text-align: center;
        color: white;
        font-size: 1.25rem;
        line-height: 1.6;
        font-family: "TwkLausanne-300", sans-serif;
        background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
      }
      
      main .value h3 {
        max-width: 1090px;
        margin: 0 auto;
        font-family: "TwkLausanne-500";
        margin-top: 55px;
        color: #fff;
        text-align: center;
        font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
        line-height: normal;
        letter-spacing: 1px;
      }
      
      main .partners ul {
        display: grid;
        grid-template-columns: repeat(
          3,
          clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
        );
        grid-template-rows: 1fr;
        grid-column-gap: 77px;
        grid-row-gap: 48px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 43.74875em) {
        main .partners ul {
          grid-template-columns: repeat(2, 150px);
          grid-column-gap: 20px;
          grid-row-gap: 20px;
        }
      }
      
      main .partners ul li img {
        width: 100%;
      }
      
      main .blockchain-solutions {
        overflow: hidden;
      }
      
      main .blockchain-solutions__wrapper {
        text-align: center;
      }
      
      main .blockchain-solutions__wrapper span {
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 14px;
      }
      
      main .blockchain-solutions__wrapper h2 {
        font-family: "TwCenMT", sans-serif;
        font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
        margin-top: 40px;
        font-weight: 600;
      }
      
      main .blockchain-solutions__wrapper p {
        max-width: 435px;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-top: 25px;
        max-width: 600px;
        font-family: "TwCenMT", sans-serif;
        line-height: 25px;
      }
      
      main .get-quote {
        background-color: #242424;
        background-image: url("./assets/images/get-quote-bg-compressed.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        position: relative;
        z-index: 1;
      }
      
      main .get-quote__wrapper {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      main .get-quote__wrapper h3 {
        font-family: "TwkLausanne-600";
        font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
        line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
      }
      
      main .get-quote__wrapper p {
        font-family: "TwkLausanne-300";
        line-height: 24px;
      }
      
      main .get-quote a {
        background-color: #fff;
        color: #000;
      }
      
      main.inner-pages .inner-title {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
        margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
        margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
        max-width: 490px;
        width: 100%;
      }
      
      main.inner-pages .inner-header .inner-header-cont {
        padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
        padding-bottom: 5.8125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      main.inner-pages .inner-header .inner-header-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
        margin-top: 0.8125rem;
        font-family: "TwkLausanne-500";
        font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
        line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
        margin-top: 1.25rem;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
        margin-top: 1.8125rem;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        height: 19.0625rem;
        border-radius: 16px;
        background: #d9d9d9;
        overflow: hidden;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
          display: none;
        }
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-1 .section-1-cont {
        background-color: #f5f7fa;
        padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
        border-radius: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-1 .section-1-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
        line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
        margin-top: 1.1875rem;
        color: #9ba3b2;
        font-family: "TwkLausanne-300";
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 25px;
          margin-top: 25px;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13px;
        border-radius: 100%;
        background-image: url(./assets/images/circle-check.svg);
      }
      
      main.inner-pages
        .section-1
        .section-1-cont
        .section-1-cont-left
        ul
        p:nth-child(2) {
        margin-top: 22px;
        font-family: "TwkLausanne-500";
      }
      
      main.inner-pages
        .section-1
        .section-1-cont
        .section-1-cont-left
        ul
        p:last-child {
        margin-top: 11px;
        color: #000;
        font-family: "TwkLausanne-300";
        line-height: 20px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: 19.0625rem;
        border-radius: 16px;
        background: #d9d9d9;
        overflow: hidden;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
          height: unset;
          width: 75%;
        }
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
          width: 100%;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-2 {
        margin-bottom: 44px;
      }
      
      main.inner-pages .section-2 ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 55px;
        grid-row-gap: 29px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-2 ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-2 ul {
          grid-template-columns: repeat(1, 1fr);
        }
      }
      
      main.inner-pages .section-2 ul li {
        border-radius: 12px;
        background: #f5f7fa;
        padding: 42px 24px 74px 24px;
      }
      
      main.inner-pages .section-2 ul li span {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(./assets/images/circle-check.svg);
        border-radius: 100%;
      }
      
      main.inner-pages .section-2 ul li p:nth-child(2) {
        font-family: "TwkLausanne-500";
        margin-top: 22px;
      }
      
      main.inner-pages .section-2 ul li p:nth-child(3) {
        margin-top: 22px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-2 ul li a {
        color: #000;
        text-decoration: none;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
        margin-top: 36px;
        display: inline-block;
      }
      
      main.inner-pages .section-3 {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 123px;
      }
      
      main.inner-pages .section-3 .section-3-cont {
        border-radius: 36px;
        background: #f5f7fa;
        padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-3 .section-3-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      }
      
      main.inner-pages .section-3 .section-3-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
        margin-top: 21px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
        margin-top: 25px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 29px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
        border-radius: 16px;
        background: #d8e0eb;
        padding: 16px 27px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages
          .section-3
          .section-3-cont
          .section-3-cont-right
          ul
          li
          .title {
          display: grid;
          grid-template-columns: 16px 1fr 24px;
          grid-template-rows: 1fr;
          grid-column-gap: 10px;
          grid-row-gap: 0px;
        }
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        span.icon-1 {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid #000;
        border-radius: 100%;
        -ms-flex-item-align: self-start;
        align-self: self-start;
        margin-top: 5px;
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        .desc
        p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        span.icon-2 {
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(./assets/images/arrow-right-black.svg);
      }
      
      main.inner-pages .section-4 .section-4-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-4 .section-4-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
        border-radius: 12px;
        background: #f5f7fa;
        padding: 31px 40px 31px 24px;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
        background-image: url(./assets/images/circle-check.svg);
        width: 24px;
        height: 24px;
        display: block;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        > div
        p:nth-child(2) {
        font-family: "TwkLausanne-500";
        margin-top: 22px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        > div
        p:nth-child(3) {
        margin-top: 22px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        div:last-child {
        margin-top: 16px;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        border-radius: 12px;
        background: #f5f7fa;
        padding: 31px;
        text-align: center;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
        height: 305px;
        overflow: hidden;
        max-width: 85%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        border-radius: 16px;
        background: #d9d9d9;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-right
        p:nth-child(2) {
        font-family: "TwkLausanne-500";
        font-size: 22px;
        margin-top: 21px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-right
        p:nth-child(3) {
        margin-top: 15px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-5 .section-5-cont h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-5 .section-5-cont > p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
        max-width: 516px;
        width: 100%;
      }
      
      main.inner-pages .section-5 .section-5-cont ul {
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-5 .section-5-cont ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      main.inner-pages .section-5 .section-5-cont ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-5 .section-5-cont ul li {
          display: grid;
          grid-template-columns: 24px 1fr;
          grid-template-rows: 1fr;
          grid-column-gap: 15px;
          grid-row-gap: 0px;
        }
      }
      
      main.inner-pages .section-5 .section-5-cont ul li span {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(./assets/images/circle-check.svg);
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-5 .section-5-cont ul li p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main section {
        padding-bottom: 158px;
      }
      
      @media (max-width: 768px) {
        main section {
          padding-bottom: 0px;
        }
      }
      
      .privacy-policy-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      
      .privacy-policy-wrapper .container h2 {
        text-align: center;
        font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
        font-family: "TwkLausanne-600";
        line-height: normal;
        margin-bottom: 50px;
      }
      
      .privacy-policy-wrapper .container h3,
      .privacy-policy-wrapper .container p,
      .privacy-policy-wrapper .container li {
        margin-bottom: 25px;
      }
      
      .privacy-policy-wrapper .container h3 {
        font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
        font-style: normal;
        font-family: "TwkLausanne-600";
        line-height: 44px;
      }
      
      .privacy-policy-wrapper .container p,
      .privacy-policy-wrapper .container li {
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "TwkLausanne-300";
      }
      
      .privacy-policy-wrapper .container ul {
        list-style-type: disc;
        margin-left: 20px;
      }
      
      .privacy-policy-wrapper .container p span,
      .privacy-policy-wrapper .container ul li strong {
        font-weight: bold;
      }
      
      @media (max-width: 750px) {
        .container-about {
          flex-direction: column !important;
          align-items: center;
          gap: 40px;
        }
      
        .about-cf-text,
        .about-admin-text {
          width: 100%;
          margin-left: 0;
          padding: 0 20px;
          text-align: center;
        }
      
        .cyber-fox-image,
        .admin-image,
        .admin-image-mobile {
          width: 90%;
          height: auto;
        }
      
        .about-title h2 {
          font-size: 1.8rem;
        }
      
        .about-title h5 {
          font-size: 1rem;
          margin-top: 10px;
        }
      
        .expertise-text {
          font-size: 18px;
          padding: 0 20px;
          text-align: center;
        }
      
        .view-link {
          margin: 0 auto;
          justify-content: center;
        }
      }
      
      @media (max-width: 750px) {
        .about-title-h2 {
          color: #000;
        }
      }
      
      @media (max-width: 750px) {
        .value__footer-image {
          background-size: contain !important;
          background-repeat: no-repeat !important;
          background-position: top center !important;
          height: auto !important;
          min-height: 500px;
        }
      
        .value__footer-image .overlay {
          padding: 20px 20px !important;
        }
      }
      
      .contract-form {
        background-color: #0a1833;
        padding: 30px 55px;
        width: 100%;
        flex: 1;
        min-width: 40%;
        /* max-width: 548px; */
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }
      
      .contract-form .group-cont {
        margin-bottom: 20px;
      }
      
      .contract-form .sec input,
      .contract-form .sec textarea {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #333;
        border-radius: 8px;
        color: #000;
        transition: all 0.3s ease;
      }
      
      .contract-form .sec input:focus,
      .contract-form .sec textarea:focus {
        border-color: #2f44ff;
        outline: none;
      }
      
      .contract-form .sec input::placeholder,
      .contract-form .sec textarea::placeholder {
        color: #666;
      }
      
      .contract-form button {
        width: 100%;
        padding: 0;
        background-color: #2f44ff;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
      }
      
      .contract-form button:hover {
        background-color: #1f32e0;
        transform: translateY(-2px);
      }
      
      #messageArea {
        margin-top: 15px;
        text-align: center;
        color: #fff;
      }
      
      @media (max-width: 768px) {
        .contract-form {
          padding: 20px;
        }
      }
      
      .max-w-42 {
        max-width: 42rem;
        width: 100%;
      }
      
      /* .hero-styles {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1432px !important;
        margin: 0 auto;
        padding: 0px;
      } */
      
      .hero-styles {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 100%;
        margin: 0 auto;
        padding: 0px;
      }
      
      .hero-section {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: flex-start !important;
        min-height: calc(100dvh - 68px) !important;
        height: 100% !important;
        padding: 0 10%;
      }
      
      @media (max-width: 768px) {
        .hero-styles {
          padding: 0 0px;
          gap: 8px;
        }
      
        .hero-section {
          min-height: calc(100dvh - 60px) !important;
          height: 100% !important;
        }
      }
      
      /* Hero background image styles */
      .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
      }
      
      @media (max-width: 768px) {
        .hero .cont {
          flex-direction: column;
        }
      
        .contract-form {
          margin-top: 15px;
          padding-top: 30px !important;
        }
      }
      
      /* Hero section button styles */
      .hero .text-cont ul {
        display: flex;
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .hero .text-cont ul li {
        margin: 0;
        padding: 0;
      }
      
      .hero .text-cont ul li .btn {
        display: inline-block;
        width: auto;
        border-radius: 10px;
      }
      
      @media (max-width: 768px) {
        .hero .cont {
          flex-direction: column;
        }
      
        .contract-form {
          margin-top: 15px;
          /*padding-top: 30px !important;*/
        }
      
        .hero .text-cont ul {
          flex-direction: column;
          gap: 4px;
          width: 100%;
        }
      
        .hero .text-cont ul li {
          width: fit-content;
        }
      
        .hero .text-cont ul li .btn {
          width: 100%;
          text-align: center;
        }
      }
      
      .form-input-styles {
        width: 100%;
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 22px;
        height: 70px;
      }
      
      .h3-styles {
        text-align: center;
        margin-bottom: 32px;
        font-size: 59px;
        font-weight: 700;
        margin-top: 0px;
      }
      
      .h6-styles {
        text-align: center;
        margin-bottom: 32px;
        font-weight: 400;
        font-size: 48px;
        margin-top: 0px;
      }
      
      .label-styles {
        display: block;
        font-size: 26px;
        display: block;
        color: #fff;
        margin-bottom: 4px;
        font-weight: 400;
        line-height: 36px;
      }
      
      .submit-btn-styles {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 32px;
        font-weight: 400;
        padding: 14px;
        background-color: #2f44ff;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 108px;
      }
      
      .trusted-text {
        text-align: center;
        margin-top: 26px;
        font-size: 26px;
        font-weight: 400;
        color: #fff;
      }
      
      .nav-styles {
        max-width: 100% !important;
        padding: 0 10%;
      }
      
      
        main .hero__wrapper div .text-cont .title {
        font-size: 60px;
      }
      
      main .hero__wrapper div .text-cont .description{
        font-size: 34px;
      }
      
      .hero-btn-styles li a {
        display: inline-block;
        padding: 18px 27px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: 29px;
      }
      
      .contract-form {
        background-color: #0a1833;
        padding: 72px 55px;
        padding-top: 72px;
        padding-bottom: 56px;
        width: 100%;
        flex: 1;
        max-width: 600px;
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }
      
      .trusted-text {
        text-align: center;
        margin-top: 43px;
        font-size: 23px;
        font-weight: 400;
        color: #fff;
      }
      
      .contract-form .group-cont {
        margin-bottom: 53px;
      }
      
      .form-input-styles{
        font-size: 22px;
        height: 82px;
      }
      
      .submit-btn-styles {
        height: 122px;
      }
    
      .text-cont.aos-init.aos-animate {
        max-width: 50% !important;
    }
      
      
    }
    
    @media screen and (min-width: 1537px) and (max-width: 1921px) {
    
      main .hero__wrapper div .text-cont .title {
      font-size: 50px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 27px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 26px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 32px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 68px;
    }
    
    .submit-btn-styles {
      height: 100px;
    }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1537px) {
    
      main .hero__wrapper div .text-cont .title {
        font-size: 40px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-size: 22px;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 18px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 24px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 75px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 17px;
      font-weight: 400;
      color: #fff;
    }
    
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 60px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 18px;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0px;
    }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1441px) {
    
      main .hero__wrapper div .text-cont .description {
        font-size: 21px;
    }
    
      .hero-btn-styles li a {
        display: inline-block;
        padding: 12px 24px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: 18px;
    }
    
      main .hero__wrapper div .text-cont .title {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 52px;
        width: 100%;
        margin-top: 38px;
        margin-bottom: 18px;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
      .form-input-styles {
        height: 50px;
      }
    
      .label-styles {
        font-size: 18px;
      }
    
      .contract-form button {
        padding: 4px;
      }
    
      .submit-btn-styles {
        font-size: 24px;
        height: 44px;
      }
    
      .trusted-text {
        font-size: 17px;
      }
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1367px) {
      .hero__wrapper {
        position: relative;
        z-index: 1;
        margin-top: 46px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 0px;
    }
    
    main .hero__wrapper div .text-cont .description {
        font-size: 20px;
      }
    
     .h3-styles {
        text-align: center;
        margin-bottom: 6px;
        font-size: 35px;
        font-weight: 700;
        margin-top: 0px;
     }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1281px) {
    
      main .hero__wrapper div .text-cont .description {
        color: #000 !important;
        margin-top: 6px !important;
        /* font-size: clamp(16px, 2vw, 26px) !important; */
        line-height: 1.5 !important;
        margin-bottom: 40px !important;
    }
    
      .trusted-text {
        font-size: 14px;
    }
    
      main .hero__wrapper div .text-cont .title {
        font-size: 34px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-size: 18px;
    }
    
      .h3-styles {
        font-size: 28px;
      }
    
      .h6-styles {
        font-size: 24px;
      }
    
      .submit-btn-styles {
        font-size: 16px;
        height: 44px;
      }
    }
    
    @media screen and (max-width: 768px) {
    
      a.btn.cta-button-mobile {
        background: black;
        font-size: 16px;
        padding: 8px 10px;
        border-radius: 4px;
    }
    
    header nav a {
      text-decoration: none;
      color: #ffffff;
      cursor: pointer;
      font-family: "TwkLausanne-300";
    }
    
    p.title{
    color: #000;
    font-size: clamp(21px, 5vw, 45px) !important;
    line-height: 1.2;
    font-weight: 700;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 11px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
      .hero-section {
        padding: 0px;
      }
    
      .nav-styles {
        padding: 0px 20px;
      }
    
      .form-input-styles {
        font-size: 14px;
        height: 38px;
      }
    
      .h3-styles {
        text-align: center;
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 600;
      }
    
      .h6-styles {
        text-align: center;
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 16px;
      }
    
      .label-styles {
        display: block;
        margin-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
      }
    
      .submit-btn-styles {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 15px;
        font-weight: 500;
        padding: 14px;
        background-color: #2f44ff;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 52px;
      }
    
      .trusted-text {
        text-align: center;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
      }
    }
    
    
    
    img.hero-bg-video {
        position: absolute;
        top: 39px;
        /* left: 132px; */
        width: 100%;
        height: 85%;
        object-fit: fill;
        z-index: -1;
        /* width: 176%; */
        /* height: 178%; */
        overflow-clip-margin: unset;
        overflow: unset;
    }
  }
  }
  
  @media screen and (min-width: 2000px) and (max-width: 2559px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #f5f7fa;
      position: fixed;
      top: 0;
      width: 100%;
      -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT, sans-serif";
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 85px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 32px;
      font-size: 59px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 32px;
      font-weight: 400;
      font-size: 48px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 34px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 53px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 82px;
    }
    
    .submit-btn-styles {
      height: 122px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 1537px) and (max-width: 1921px) {
  
    main .hero__wrapper div .text-cont .title {
    font-size: 53px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 28px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 26px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 53px;
    padding-top: 72px;
    padding-bottom: 40px;
    /* width: 100%; */
    flex: 1;
    max-width: 400px;
    px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 35px;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 25px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 59px;
  }
  
  .submit-btn-styles {
    height: 90px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1537px)  {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
  }
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 156px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 82px;
    left: -12px;
    height: 108%;
    width: 109%;
    object-fit: fill;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 25px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 15px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 12px;
    font-size: 32px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 21px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  @media screen and (min-width: 2000px) and (max-width: 3841px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #ffffff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT, sans-serif";
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 85px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 32px;
      font-size: 59px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 32px;
      font-weight: 400;
      font-size: 48px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 34px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 53px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 82px;
    }
    
    .submit-btn-styles {
      height: 122px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 1537px) and (max-width: 1921px) {
  
    main .hero__wrapper div .text-cont .title {
    font-size: 50px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 27px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 26px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 32px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 68px;
  }
  
  .submit-btn-styles {
    height: 100px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1537px) {
  
    main .hero__wrapper div .text-cont .title {
      font-size: 41px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 22px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 0px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 21px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 75px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
  }
  
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 41px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 27px;
    margin-top: 0px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1441px) {
  
    main .hero__wrapper div .text-cont .description {
      font-size: 21px;
  }
  
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 18px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
    .form-input-styles {
      height: 50px;
    }
  
    .label-styles {
      font-size: 18px;
    }
  
    .contract-form button {
      padding: 4px;
    }
  
    .submit-btn-styles {
      font-size: 24px;
      height: 44px;
    }
  
    .trusted-text {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1367px) {
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 0px;
  }
  
  main .hero__wrapper div .text-cont .description {
      font-size: 20px;
    }
  
   .h3-styles {
      text-align: center;
      margin-bottom: 6px;
      font-size: 35px;
      font-weight: 700;
      margin-top: 0px;
   }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1281px) {
  
    main .hero__wrapper div .text-cont .description {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 40px !important;
  }
  
    .trusted-text {
      font-size: 14px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-size: 34px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 18px;
  }
  
    .h3-styles {
      font-size: 28px;
    }
  
    .h6-styles {
      font-size: 24px;
    }
  
    .submit-btn-styles {
      font-size: 16px;
      height: 44px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    a.btn.cta-button-mobile {
      background: black;
      font-size: 16px;
      padding: 8px 10px;
      border-radius: 4px;
  }
  
  header nav a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: "TwkLausanne-300";
  }
  
  p.title{
  color: #000;
  font-size: clamp(21px, 5vw, 45px) !important;
  line-height: 1.2;
  font-weight: 700;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
    .hero-section {
      padding: 0px;
    }
  
    .nav-styles {
      padding: 0px 20px;
    }
  
    .form-input-styles {
      font-size: 14px;
      height: 45px;
    }
  
    .h3-styles {
      text-align: center;
      margin-bottom: 10px;
      font-size: 28px;
      font-weight: 600;
    }
  
    .h6-styles {
      text-align: center;
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 16px;
    }
  
    .label-styles {
      display: block;
      margin-bottom: 1px;
      font-size: 18px;
      font-weight: 400;
      line-height: 36px;
    }
  
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 22px;
      font-weight: 500;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 76px;
    }
  
    .trusted-text {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
    }
  }
  
  @media screen and (max-width: 385px){
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(2.7rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT", sans-serif;
    }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 156px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 10px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        /* overflow: hidden; */
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        /* overflow-x: hidden; */
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 9px 11px;
        font-size: 14px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 15px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
      overflow: hidden;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 10px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 15px 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        /* height: calc(100dvh - 60px) !important; */
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /* padding-top: 15px !important; */
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 26px;
      font-size: 36px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 26px;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    @media screen and (min-width: 2000px) and (max-width: 3841px) {
      @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
    
      @font-face {
        font-family: "TwkLausanne-300";
        src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-400";
        src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-500";
        src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-600";
        src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      html,
      body,
      div,
      span,
      applet,
      object,
      iframe,
      h1,
      p,
      blockquote,
      pre,
      a,
      abbr,
      acronym,
      address,
      big,
      cite,
      code,
      del,
      dfn,
      em,
      img,
      ins,
      kbd,
      q,
      s,
      samp,
      small,
      strike,
      strong,
      sub,
      sup,
      tt,
      var,
      b,
      u,
      i,
      center,
      dl,
      dt,
      dd,
      ol,
      ul,
      li,
      fieldset,
      form,
      label,
      legend,
      table,
      caption,
      tbody,
      tfoot,
      thead,
      tr,
      th,
      td,
      article,
      aside,
      canvas,
      details,
      embed,
      figure,
      figcaption,
      footer,
      header,
      hgroup,
      menu,
      nav,
      output,
      ruby,
      section,
      summary,
      time,
      mark,
      audio,
      video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font-family: "TwCenMT", sans-serif;
        vertical-align: baseline;
      }
      
      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      menu,
      nav,
      section {
        display: block;
      }
      
      body {
        line-height: 1;
      }
    
      .aos-init {
        overflow: hidden !important;
    }
      
      ol,
      ul {
        list-style: none;
      }
      
      blockquote,
      q {
        quotes: none;
      }
      
      blockquote:before,
      blockquote:after,
      q:before,
      q:after {
        content: "";
        content: none;
      }
      
      table {
        border-collapse: collapse;
        border-spacing: 0;
      }
      
      .container {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
      }
      
      @-webkit-keyframes zoom-in-zoom-out {
        0% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
        50% {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
        }
        100% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
      }
      
      @keyframes zoom-in-zoom-out {
        0% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
        50% {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
        }
        100% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
      }
      
      .padding-section {
        padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
        padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      }
      
      .padding-top-section {
        padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
      }
      
      .cta-button-mobile {
        font-size: 10px;
      }
      
      .get-consultation-btn {
        position: relative;
        text-decoration: none;
        top: 100px;
        color: #000;
        background-color: #fff;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 12px 34px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwCenMT", sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        display: inline-block;
      }
      
      .get-consultation-btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      .btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      .btn img {
        margin-left: 10px;
      }
      
      .overflow-hidden {
        overflow: hidden;
      }
      
      .abs {
        position: absolute;
      }
      
      @-webkit-keyframes mymove {
        50% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
      }
      
      @keyframes mymove {
        50% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
      }
      
      @-webkit-keyframes rotating-right {
        from {
          -webkit-transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
        }
      }
      
      @keyframes rotating-right {
        from {
          -webkit-transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
        }
      }
      
      .get-quote {
        background-color: #211819;
        color: #fff;
      }
      
      .get-quote__wrapper {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      .get-quote__wrapper h3 {
        font-family: "TwkLausanne-600";
        font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
        line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
      }
      
      .get-quote__wrapper p {
        font-family: "TwkLausanne-300";
        line-height: 24px;
      }
      
      .get-quote a {
        background-color: #fff;
        color: #000;
      }
      
      html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        scroll-behavior: smooth;
      }
      
      *,
      *::before,
      *::after {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
      }
      
      body {
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #000;
        font-family: "TwkLausanne-400", "Inter", sans-serif;
        font-optical-sizing: auto;
        font-family: 1rem;
        scroll-behavior: smooth;
      }
      
      header {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
        /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
        z-index: 10;
      }
      
      header nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
      }
      
      header nav a {
        text-decoration: none;
        color: #18191f;
        cursor: pointer;
        font-family: "TwCenMT, sans-serif";
        font-size: 24px;
    }
      
      header nav .logo-wrapper {
        width: 250px;
      }
      
      header nav .logo-wrapper img {
        max-width: 250px;
        width: 100%;
      }
      
      @media (max-width: 1000px) {
        header nav .logo-wrapper {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          text-align: center;
          margin-left: 15px;
        }
      }
      
      header nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      header nav .menu-mobile-wrapper {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav .menu-mobile-wrapper {
          display: block;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
        }
      
        header nav .menu-mobile-wrapper button {
          width: 40px;
          height: 40px;
          background-color: rgba(0, 0, 0, 0);
          border: none;
        }
      }
      
      header nav ul.menu li {
        padding-left: 10px;
        padding-right: 10px;
      }
      
      header nav ul.menu li.active a {
        font-family: "TwkLausanne-400";
      }
      
      header nav ul.menu li:last-child {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav ul.menu li:last-child {
          display: block;
        }
      }
      
      header nav ul.menu .overlay-close {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav ul.menu {
          visibility: hidden;
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
          -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
          transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
          transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
            -webkit-transform 0.4s ease-in-out;
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgba(54, 54, 54, 0.9);
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      
        header nav ul.menu li a {
          color: #fff;
          font-size: 36px;
        }
      
        header nav ul.menu.open {
          visibility: visible;
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
          -webkit-transition: -webkit-transform 0.4s ease-in-out;
          transition: -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        }
      
        header nav ul.menu.open .overlay-close {
          display: block;
          width: 40px;
          height: 40px;
          position: absolute;
          right: 20px;
          top: 20px;
          overflow: hidden;
          border: none;
          background: url(./assets/images/close.svg) no-repeat center center;
          text-indent: 200%;
          color: rgba(0, 0, 0, 0);
          outline: none;
          z-index: 100;
        }
      }
      
      header nav ul.contact {
        width: 250px;
        justify-content: end !important;
      }
      
      header nav ul.contact .cta-button {
        padding: 10px 20px;
      }
      
      @media (max-width: 450px) {
        header nav ul.contact .cta-button {
          font-size: 12px;
          padding: 10px 10px;
        }
      }
      
      @media (max-width: 1000px) {
        header nav ul.contact {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
        }
      
        header nav ul.contact li:first-child {
          display: none;
        }
      }
      
      .footer {
        background-color: #050505;
      }
      
      .footer__wrapper {
        color: #fff;
        display: grid;
        grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper {
          display: grid;
          grid-template-columns: 1.3fr 0.7fr;
          grid-template-rows: repeat(3, auto);
          grid-column-gap: 0px;
          grid-row-gap: 50px;
        }
      }
      
      .footer__wrapper > div:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -ms-flex-item-align: end;
        align-self: flex-end;
      }
      
      .footer__wrapper > div:nth-child(1) > img {
        max-width: 250px;
        width: 100%;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(1) {
          grid-column: 1/3;
          grid-row: 3/4;
        }
      }
      
      .footer__wrapper > div:nth-child(1) p {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
      }
      
      .footer__wrapper > div:nth-child(1) ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
      }
      
      .footer__wrapper > div:nth-child(1) ul li a {
        display: block;
        background-color: #1e1e1e;
        height: 32px;
        width: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 500px;
      }
      
      .footer__wrapper > div:nth-child(1) h4 {
        font-size: 20px;
        font-weight: 600;
      }
      
      .footer__wrapper > div:nth-child(1) form {
        background-color: #373737;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 15px 5px 5px;
        border-radius: 8px;
      }
      
      .footer__wrapper > div:nth-child(1) form input {
        width: 100%;
        padding: 10px;
        outline: none;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        font-size: 14px;
        font-weight: 400;
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(2),
      .footer__wrapper > div:nth-child(3),
      .footer__wrapper > div:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
      
      .footer__wrapper > div:nth-child(2) h4,
      .footer__wrapper > div:nth-child(3) h4,
      .footer__wrapper > div:nth-child(4) h4 {
        font-size: 20px;
        font-weight: 600;
      }
      
      .footer__wrapper > div:nth-child(2) ul,
      .footer__wrapper > div:nth-child(3) ul,
      .footer__wrapper > div:nth-child(4) ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
      }
      
      .footer__wrapper > div:nth-child(2) ul li a,
      .footer__wrapper > div:nth-child(3) ul li a,
      .footer__wrapper > div:nth-child(4) ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(2) {
          grid-column: 1/2;
          grid-row: 2/3;
        }
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(2) {
          grid-column: 2/3;
          grid-row: 2/3;
        }
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(4) {
          grid-column: 1/3;
          grid-row: 1/2;
        }
      }
      
      .footer .copyright {
        color: #fff;
        text-align: center;
        margin-top: 50px;
        line-height: 21px;
      }
      
      @media (max-width: 43.74875em) {
        .footer .copyright {
          margin-top: unset;
          padding: 20px 10px 70px 10px;
        }
      }
      
      .contact-form {
        display: none;
      }
      
      .contact-form.active {
        padding: 10px;
        position: fixed !important;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
      }
      
      .contact-form.active .outer-cont {
        background-color: #fff;
        max-width: 684px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
        border-radius: 20px;
        border: 1px solid #ddd;
        position: relative;
      }
      
      @media (max-width: 500px) {
        .contact-form.active .outer-cont {
          overflow: scroll;
          height: 100%;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
        }
      }
      
      .contact-form.active .outer-cont .inner-cont {
        width: 100%;
      }
      
      .contact-form.active .outer-cont .inner-cont h3 {
        color: #414042;
        font-size: 28px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 12px;
      }
      
      .contact-form.active .outer-cont .inner-cont p {
        color: #606060;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        max-width: 435px;
        width: 100%;
        margin-bottom: 39px;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm label,
      .contact-form.active .outer-cont .inner-cont form#contactForm input,
      .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
      .contact-form.active .outer-cont .inner-cont form#contactForm button,
      .contact-form.active .outer-cont .inner-cont form#contactForm select {
        width: 100%;
        outline: none;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
        width: 100%;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
        margin-bottom: 10px;
        display: block;
        color: #1d263a;
        font-family: Inter;
        font-size: 17px;
        font-weight: 600;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
        border-radius: 10px;
        background-color: rgba(224, 236, 240, 0.5);
        border: none;
        padding: 16px;
        color: #1d263a;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-webkit-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-webkit-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-webkit-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-moz-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-moz-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-moz-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input:-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea:-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select:-ms-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-ms-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
        background-repeat: no-repeat;
        background-size: 14px 14px;
        background-position: calc(100% - 16px);
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm button {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 17px;
        font-weight: 500;
        padding: 14px;
        background-color: #e22828;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
      }
      
      @media (max-width: 56.24875em) {
        .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      
      .contact-form.active .outer-cont .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        top: 20px;
        right: 20px;
        cursor: pointer;
      }
      
      .contact-form.active .outer-cont #messageArea {
        margin-top: 10px;
      }
      
      .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      
      .swiper-container {
        position: relative;
        width: 100%;
        margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
        padding-top: 30px;
        min-height: calc(
          clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
            clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
        );
      }
      
      @media (max-width: 749px) {
        .swiper-container {
          padding-left: 20px;
          padding-right: 20px;
        }
      }
      
      .swiper-container > .swiper-slide__content {
        position: absolute;
        top: 0;
      }
      
      .swiper-slide {
        border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
        overflow: hidden;
        height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
        display: flex;
        align-items: center;
        justify-content: center;
      
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: all 200ms linear;
      }
      
      .swiper-slide.swiper-slide-active {
        height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
        background: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
        box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      }
      
      .swiper-slide__content {
        height: 300px;
      }
      
      ul.categ-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
      }
      
      ul.categ-cont li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
      }
      
      ul.categ-cont li span {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 100%;
      }
      
      ul.categ-cont li span.red {
        background-color: #e22829;
      }
      
      ul.categ-cont li span.green {
        background-color: #64e228;
      }
      
      main {
        margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
      }
      
      main .hero {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
      }
      
      .section-title {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 600;
        color: white;
        margin-bottom: 2rem;
      }
      
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
      }
      
      .hero__wrapper {
        position: relative;
        z-index: 1;
        margin-top: 85px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
      }
      
      main .hero__wrapper div.cont .text-cont h1 {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 600px;
        margin-right: 500px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 24px;
        font-size: 90px;
      
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      
      @media (max-width: 750px) {
        .hero__wrapper {
          margin-top: 31px;
          padding: 0px 20px;
          padding-bottom: 139px;
        }
      
        main .hero__wrapper div.cont .text-cont h1 {
          font-size: clamp(4rem, 5vw, 3rem);
          margin-right: 0;
          max-width: 100%;
        }
        main .hero__wrapper div.cont .text-cont p,
        main .hero__wrapper div.cont .text-cont ul {
          max-width: 100%;
          margin: 0;
          padding: 0 0;
          box-sizing: border-box;
        }
      
        .hero {
          padding-left: 0;
        }
      }
      
      main .hero__wrapper div.cont .text-cont p {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 700px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 24px;
        /* line-height: 24px; */
      
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
      }
      
      main .hero__wrapper div.cont .text-cont ul {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 400px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 200px;
      }
      
      @media (max-width: 750px) {
        main {
          overflow-x: hidden !important;
        }
      }
      
      @media (max-width: 750px) {
        main .hero {
          font-family: "TwCenMT", sans-serif;
          font-weight: 700;
          line-height: 14px;
          width: 100vw;
          /* padding-left: 40px; */
          overflow: hidden;
        }
      
        main .hero__wrapper div.cont h1 {
          width: 100%;
          max-width: 100%;
          box-sizing: border-box;
        }
      
        main .hero__wrapper div.cont .text-cont {
          width: 100%;
          max-width: 100%;
          /* padding-right: 20px; optional */
          box-sizing: border-box;
        }
      
        main .hero-bg-video {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          object-fit: cover;
          z-index: -1;
          overflow-x: hidden;
        }
      
        main {
          overflow-x: hidden;
        }
      }
      
      main .hero__wrapper div.cont .text-cont .categ .circle::before {
        -webkit-animation: mymove 2s infinite;
        animation: mymove 2s infinite;
        position: absolute;
        background-color: #64e228;
      }
      
      main .hero__wrapper div.cont .text-cont h1 {
        margin-top: 23px;
        font-family: "TwkLausanne-500";
        font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
        line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
        letter-spacing: 1px;
        /* width: 832px; */
        width: 100%;
      }
      
      main .hero__wrapper div.cont .text-cont h1 span.icon {
        display: inline-block;
        width: 25px;
        height: 28.939px;
        background-image: url(./assets/images/bc-icon.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: 10px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
      }
      
      main .hero__wrapper div.cont .text-cont h1 span.amazing {
        background: center 67%/227% url("./assets/images/roseate-04.jpeg");
        background-clip: text;
        -webkit-background-clip: text;
        color: rgba(0, 0, 0, 0);
      }
      
      main .hero__wrapper div.cont .text-cont ul {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 14px;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
        text-decoration: none;
        color: #fff;
        background-color: #2f44ff;
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwkLausanne-600";
        font-size: 14px;
        cursor: pointer;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
        text-decoration: none;
        color: #fff;
        background-color: #2f44ff;
      
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwkLausanne-600";
        font-size: 14px;
        cursor: pointer;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
        color: #fff;
        font-family: "TwkLausanne-300";
        text-decoration-line: underline;
      } */
      
      main .hero__wrapper div.cont .text-cont .rates {
        margin-top: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
      }
      
      main .hero__wrapper div .text-cont .description {
        font-family: "TwCenMT", sans-serif;
        font-weight: 400;
        font-size: 21px;
        line-height: 36px;
        /* padding: 0 8px; */
      }
      
      .description-styles {
        color: #000 !important;
        margin-top: 6px !important;
        /* font-size: clamp(16px, 2vw, 26px) !important; */
        line-height: 1.5 !important;
        margin-bottom: 50px !important;
      }
      
      main .hero__wrapper div .text-cont .title {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 52px;
        width: 100%;
        margin-top: 38px;
        margin-bottom: 18px;
      }
      
      .hero-btn-styles {
        display: flex;
        gap: 36px;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .hero-btn-styles li a {
        display: inline-block;
        padding: 12px 24px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
      }
      
      @media (max-width: 768px) {
        .hero-btn-styles li a {
          padding: 12px 16px;
        }
      
        main .hero__wrapper div .text-cont .title {
          margin-top: 0px;
          margin-bottom: 10px;
        }
      
        .description-styles {
          color: #000 !important;
          margin-bottom: 27px !important;
        }
      
        .hero-btn-styles {
          flex-direction: row !important;
          justify-content: space-between;
        }
      }
      
      main .about {
        width: 100%;
        max-width: 1090px;
        margin: 0 auto;
        text-align: center;
        padding-top: 80px;
        font-family: "TwCenMT", sans-serif;
        font-size: 40px;
        font-weight: 700;
      }
      
      main .about .container-about {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-family: "TwCenMT", sans-serif;
      }
      
      .view-link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
        width: 140px;
        font-family: "TwCenMT", sans-serif;
      }
      
      .arrow {
        width: 30px;
        height: auto;
        margin-left: 10px;
      }
      
      .about-cf-text {
        text-align: left;
        font-family: "TwCenMT", sans-serif;
        width: 580px;
        font-weight: 400;
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 20px;
        margin-left: 60px;
      
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .about-admin-text {
        text-align: left;
        font-family: "TwCenMT", sans-serif;
        width: 580px;
        font-weight: 300;
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 20px;
        margin-left: 60px;
      
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .highlighted__text {
        font-weight: 700;
      }
      
      .expertise-text {
        margin-top: 60px;
        font-weight: 400;
        font-size: 22px;
        font-family: "TwCenMT", sans-serif;
        line-height: 28px;
      }
      
      .cyber-fox-image {
        width: auto;
        height: 400px;
      }
      
      .admin-image {
        height: 500px;
        width: auto;
      }
      
      .admin-image-mobile {
        height: 400px;
      }
      
      main .about .container-about .container-about-first img {
        height: 400px;
        width: auto;
      }
      
      main .about .container-about .about-content-second img {
        height: 600px;
      }
      
      main .services {
        background-image: url("./assets/images/services_bg-compressed.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      
      main .services__wrapper--services {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      
      main .services__wrapper--services li {
        border-radius: 24px;
        padding-bottom: 20px;
        background: #f9f9f9;
        overflow: hidden;
        width: calc((100% - 20px) / 6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
        color: #000;
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        text-align: center;
        margin-top: 20px;
      }
      
      @media (max-width: 1024px) {
        main .services__wrapper--services li {
          width: calc((100% - 120px) / 5);
        }
      }
      
      @media (max-width: 56.24875em) {
        main .services__wrapper--services li {
          width: 22%;
        }
      }
      
      @media (max-width: 43.74875em) {
        main .services__wrapper--services li {
          width: 30%;
        }
      }
      
      @media (max-width: 560px) {
        main .services__wrapper--services li {
          width: 46%;
        }
      }
      
      main .services__wrapper--services li .img-cont {
        border-radius: 24px;
        width: 100%;
      }
      
      main .services__wrapper--services li .img-cont img {
        width: 100%;
        height: auto;
      }
      
      main .services .text-blockchain {
        max-width: 1152px;
        width: 100%;
        margin: 0 auto;
        font-style: normal;
        padding-left: 20px;
        padding-right: 20px;
      }
      
      main .services .text-blockchain h2 {
        font-family: "TwCenMT", sans-serif;
        line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
        font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
        text-align: center;
      }
      
      @media (max-width: 56.24875em) {
        main .services .text-blockchain h2 {
          text-align: left;
        }
      }
      
      main .services .text-blockchain h2 span.dmcc {
        font-family: "TwCenMT", sans-serif;
        font-weight: 500;
      }
      
      main .services .text-blockchain h2 span.icon {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(./assets/images/bc-icon.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 5px;
        font-family: "TwCenMT", sans-serif;
      }
      
      main .services .text-blockchain h2 span.colored {
        background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#f5160f),
          to(#0e12e7)
        );
        background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-family: "TwCenMT", sans-serif;
      }
      
      main .services .text-blockchain h2 span.fade1 {
        color: #727272;
      }
      
      main .services .text-blockchain h2 span.fade2 {
        color: rgba(114, 114, 114, 0.45);
      }
      
      main .services .text-blockchain h2 span.fade3 {
        color: rgba(114, 114, 114, 0.45);
      }
      
      main .services .text-blockchain h2 span.fade4 {
        color: #e4e4e4;
      }
      
      main .value {
        padding-left: 10px;
        padding-right: 10px;
      }
      
      main .value__wrapper {
        background-color: #1a1a1a;
        max-width: 1412px;
        width: 100%;
        margin: 0 auto;
        border-radius: 36px;
        padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
      }
      
      main .value__wrapper--container {
        color: #ebebeb;
        text-align: center;
      }
      
      main .value__wrapper--container h2 {
        font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
        font-family: "TwCenMT", sans-serif;
      }
      
      main .value__wrapper--container .map {
        background-image: url(./assets/images/bg-map.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
        margin-top: 70px;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .map {
          background-position: top;
        }
      }
      
      main .value__wrapper--container .map .text-cont {
        text-align: center;
        color: #fff;
      }
      
      main .value__wrapper--container .map .text-cont img {
        width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
      }
      
      main .value__wrapper--container .map .text-cont p {
        font-family: "TwkLausanne-600";
        text-align: center;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 80px;
      }
      
      main .value__wrapper--container .map .text-cont span {
        margin-top: 27px;
        display: inline-block;
        max-width: 430px;
        line-height: 25px;
      }
      
      main .value__wrapper--container .map span[class*="float-"] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 100%;
      }
      
      @media (max-width: 980px) {
        main .value__wrapper--container .map span[class*="float-"] {
          display: none;
        }
      }
      
      main .value__wrapper--container .map .float-1 {
        width: 51px;
        height: 51px;
        top: 103px;
        left: 213px;
        background-image: url(./assets/images/value/icon-1.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
      }
      
      main .value__wrapper--container .map .float-2 {
        width: 32px;
        height: 32px;
        bottom: 172px;
        left: 227px;
        background-image: url(./assets/images/value/icon-3.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
      }
      
      main .value__wrapper--container .map .float-3 {
        width: 32px;
        height: 32px;
        top: 20px;
        margin-right: -50px;
        background-image: url(./assets/images/value/icon-3.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
      }
      
      main .value__wrapper--container .map .float-4 {
        width: 32px;
        height: 32px;
        margin-right: -100px;
        background-image: url(./assets/images/value/icon-4.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.7s;
        animation-delay: 1.7s;
      }
      
      main .value__wrapper--container .map .float-5 {
        width: 32px;
        height: 32px;
        top: 137px;
        right: 227px;
        background-image: url(./assets/images/value/icon-2.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
      }
      
      main .value__wrapper--container .map .float-6 {
        width: 32px;
        height: 32px;
        bottom: 118px;
        right: 122px;
        background-image: url(./assets/images/value/icon-1.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s;
      }
      
      main .value__wrapper--container .development {
        margin-top: 105px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .development {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 50px;
        }
      }
      
      main .value__wrapper--container .development > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #fff;
        text-align: center;
      }
      
      main .value__wrapper--container .development > div p {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
      }
      
      main .value__wrapper--container .development > div span {
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "TwkLausanne-300";
      }
      
      main .value__wrapper--container .development .cont-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
        text-align: center;
      }
      
      main .value__wrapper--container .development .cont-1 .one-zero {
        max-width: 368px;
        width: 100%;
        min-height: 385px;
        background-image: url(./assets/images/bg-one-zero.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      main .value__wrapper--container .development .cont-1 .one-zero img {
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main
        .value__wrapper--container
        .development
        .cont-1
        .one-zero
        img:nth-child(1) {
        width: 78px;
        height: 77px;
        margin-bottom: 33px;
      }
      
      main
        .value__wrapper--container
        .development
        .cont-1
        .one-zero
        img:nth-child(2) {
        width: 131px;
        margin-bottom: 65px;
        height: 129px;
      }
      
      main .value__wrapper--container .development .cont-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
      }
      
      main .value__wrapper--container .development .cont-2 img {
        max-width: 313px;
        width: 100%;
        margin-bottom: 25px;
      }
      
      main .value__wrapper--container .development .cont-2 p {
        margin-bottom: 27px;
      }
      
      main .value__wrapper--container .category {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        margin-top: 115px;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .category {
          margin-top: 70px;
        }
      }
      
      main .value__wrapper--container .category li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
        color: #000;
      }
      
      .value__footer-image {
        position: relative;
        left: 50%;
        bottom: -194px;
        transform: translateX(-50%);
        width: 100%;
        height: 615px;
        background-image: url("./assets/images/footer-banner-compressed.png");
        background-size: cover;
        background-position: center;
        border-bottom-left-radius: 36px;
        border-bottom-right-radius: 36px;
        z-index: 1;
      }
      
      .value__footer-image .overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 170px 20px;
        text-align: center;
        color: white;
        font-size: 1.25rem;
        line-height: 1.6;
        font-family: "TwkLausanne-300", sans-serif;
        background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
      }
      
      main .value h3 {
        max-width: 1090px;
        margin: 0 auto;
        font-family: "TwkLausanne-500";
        margin-top: 55px;
        color: #fff;
        text-align: center;
        font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
        line-height: normal;
        letter-spacing: 1px;
      }
      
      main .partners ul {
        display: grid;
        grid-template-columns: repeat(
          3,
          clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
        );
        grid-template-rows: 1fr;
        grid-column-gap: 77px;
        grid-row-gap: 48px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 43.74875em) {
        main .partners ul {
          grid-template-columns: repeat(2, 150px);
          grid-column-gap: 20px;
          grid-row-gap: 20px;
        }
      }
      
      main .partners ul li img {
        width: 100%;
      }
      
      main .blockchain-solutions {
        overflow: hidden;
      }
      
      main .blockchain-solutions__wrapper {
        text-align: center;
      }
      
      main .blockchain-solutions__wrapper span {
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 14px;
      }
      
      main .blockchain-solutions__wrapper h2 {
        font-family: "TwCenMT", sans-serif;
        font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
        margin-top: 40px;
        font-weight: 600;
      }
      
      main .blockchain-solutions__wrapper p {
        max-width: 435px;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-top: 25px;
        max-width: 600px;
        font-family: "TwCenMT", sans-serif;
        line-height: 25px;
      }
      
      main .get-quote {
        background-color: #242424;
        background-image: url("./assets/images/get-quote-bg-compressed.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        position: relative;
        z-index: 1;
      }
      
      main .get-quote__wrapper {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      main .get-quote__wrapper h3 {
        font-family: "TwkLausanne-600";
        font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
        line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
      }
      
      main .get-quote__wrapper p {
        font-family: "TwkLausanne-300";
        line-height: 24px;
      }
      
      main .get-quote a {
        background-color: #fff;
        color: #000;
      }
      
      main.inner-pages .inner-title {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
        margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
        margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
        max-width: 490px;
        width: 100%;
      }
      
      main.inner-pages .inner-header .inner-header-cont {
        padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
        padding-bottom: 5.8125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      main.inner-pages .inner-header .inner-header-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
        margin-top: 0.8125rem;
        font-family: "TwkLausanne-500";
        font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
        line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
        margin-top: 1.25rem;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
        margin-top: 1.8125rem;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        height: 19.0625rem;
        border-radius: 16px;
        background: #d9d9d9;
        overflow: hidden;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
          display: none;
        }
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-1 .section-1-cont {
        background-color: #f5f7fa;
        padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
        border-radius: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-1 .section-1-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
        line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
        margin-top: 1.1875rem;
        color: #9ba3b2;
        font-family: "TwkLausanne-300";
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 25px;
          margin-top: 25px;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13px;
        border-radius: 100%;
        background-image: url(./assets/images/circle-check.svg);
      }
      
      main.inner-pages
        .section-1
        .section-1-cont
        .section-1-cont-left
        ul
        p:nth-child(2) {
        margin-top: 22px;
        font-family: "TwkLausanne-500";
      }
      
      main.inner-pages
        .section-1
        .section-1-cont
        .section-1-cont-left
        ul
        p:last-child {
        margin-top: 11px;
        color: #000;
        font-family: "TwkLausanne-300";
        line-height: 20px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: 19.0625rem;
        border-radius: 16px;
        background: #d9d9d9;
        overflow: hidden;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
          height: unset;
          width: 75%;
        }
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
          width: 100%;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-2 {
        margin-bottom: 44px;
      }
      
      main.inner-pages .section-2 ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 55px;
        grid-row-gap: 29px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-2 ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-2 ul {
          grid-template-columns: repeat(1, 1fr);
        }
      }
      
      main.inner-pages .section-2 ul li {
        border-radius: 12px;
        background: #f5f7fa;
        padding: 42px 24px 74px 24px;
      }
      
      main.inner-pages .section-2 ul li span {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(./assets/images/circle-check.svg);
        border-radius: 100%;
      }
      
      main.inner-pages .section-2 ul li p:nth-child(2) {
        font-family: "TwkLausanne-500";
        margin-top: 22px;
      }
      
      main.inner-pages .section-2 ul li p:nth-child(3) {
        margin-top: 22px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-2 ul li a {
        color: #000;
        text-decoration: none;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
        margin-top: 36px;
        display: inline-block;
      }
      
      main.inner-pages .section-3 {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 123px;
      }
      
      main.inner-pages .section-3 .section-3-cont {
        border-radius: 36px;
        background: #f5f7fa;
        padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-3 .section-3-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      }
      
      main.inner-pages .section-3 .section-3-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
        margin-top: 21px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
        margin-top: 25px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 29px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
        border-radius: 16px;
        background: #d8e0eb;
        padding: 16px 27px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages
          .section-3
          .section-3-cont
          .section-3-cont-right
          ul
          li
          .title {
          display: grid;
          grid-template-columns: 16px 1fr 24px;
          grid-template-rows: 1fr;
          grid-column-gap: 10px;
          grid-row-gap: 0px;
        }
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        span.icon-1 {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid #000;
        border-radius: 100%;
        -ms-flex-item-align: self-start;
        align-self: self-start;
        margin-top: 5px;
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        .desc
        p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        span.icon-2 {
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(./assets/images/arrow-right-black.svg);
      }
      
      main.inner-pages .section-4 .section-4-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-4 .section-4-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
        border-radius: 12px;
        background: #f5f7fa;
        padding: 31px 40px 31px 24px;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
        background-image: url(./assets/images/circle-check.svg);
        width: 24px;
        height: 24px;
        display: block;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        > div
        p:nth-child(2) {
        font-family: "TwkLausanne-500";
        margin-top: 22px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        > div
        p:nth-child(3) {
        margin-top: 22px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        div:last-child {
        margin-top: 16px;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        border-radius: 12px;
        background: #f5f7fa;
        padding: 31px;
        text-align: center;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
        height: 305px;
        overflow: hidden;
        max-width: 85%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        border-radius: 16px;
        background: #d9d9d9;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-right
        p:nth-child(2) {
        font-family: "TwkLausanne-500";
        font-size: 22px;
        margin-top: 21px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-right
        p:nth-child(3) {
        margin-top: 15px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-5 .section-5-cont h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-5 .section-5-cont > p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
        max-width: 516px;
        width: 100%;
      }
      
      main.inner-pages .section-5 .section-5-cont ul {
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-5 .section-5-cont ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      main.inner-pages .section-5 .section-5-cont ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-5 .section-5-cont ul li {
          display: grid;
          grid-template-columns: 24px 1fr;
          grid-template-rows: 1fr;
          grid-column-gap: 15px;
          grid-row-gap: 0px;
        }
      }
      
      main.inner-pages .section-5 .section-5-cont ul li span {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(./assets/images/circle-check.svg);
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-5 .section-5-cont ul li p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main section {
        padding-bottom: 158px;
      }
      
      @media (max-width: 768px) {
        main section {
          padding-bottom: 0px;
        }
      }
      
      .privacy-policy-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      
      .privacy-policy-wrapper .container h2 {
        text-align: center;
        font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
        font-family: "TwkLausanne-600";
        line-height: normal;
        margin-bottom: 50px;
      }
      
      .privacy-policy-wrapper .container h3,
      .privacy-policy-wrapper .container p,
      .privacy-policy-wrapper .container li {
        margin-bottom: 25px;
      }
      
      .privacy-policy-wrapper .container h3 {
        font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
        font-style: normal;
        font-family: "TwkLausanne-600";
        line-height: 44px;
      }
      
      .privacy-policy-wrapper .container p,
      .privacy-policy-wrapper .container li {
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "TwkLausanne-300";
      }
      
      .privacy-policy-wrapper .container ul {
        list-style-type: disc;
        margin-left: 20px;
      }
      
      .privacy-policy-wrapper .container p span,
      .privacy-policy-wrapper .container ul li strong {
        font-weight: bold;
      }
      
      @media (max-width: 750px) {
        .container-about {
          flex-direction: column !important;
          align-items: center;
          gap: 40px;
        }
      
        .about-cf-text,
        .about-admin-text {
          width: 100%;
          margin-left: 0;
          padding: 0 20px;
          text-align: center;
        }
      
        .cyber-fox-image,
        .admin-image,
        .admin-image-mobile {
          width: 90%;
          height: auto;
        }
      
        .about-title h2 {
          font-size: 1.8rem;
        }
      
        .about-title h5 {
          font-size: 1rem;
          margin-top: 10px;
        }
      
        .expertise-text {
          font-size: 18px;
          padding: 0 20px;
          text-align: center;
        }
      
        .view-link {
          margin: 0 auto;
          justify-content: center;
        }
      }
      
      @media (max-width: 750px) {
        .about-title-h2 {
          color: #000;
        }
      }
      
      @media (max-width: 750px) {
        .value__footer-image {
          background-size: contain !important;
          background-repeat: no-repeat !important;
          background-position: top center !important;
          height: auto !important;
          min-height: 500px;
        }
      
        .value__footer-image .overlay {
          padding: 20px 20px !important;
        }
      }
      
      .contract-form {
        background-color: #0a1833;
        padding: 30px 55px;
        width: 100%;
        flex: 1;
        min-width: 40%;
        /* max-width: 548px; */
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }
      
      .contract-form .group-cont {
        margin-bottom: 20px;
      }
      
      .contract-form .sec input,
      .contract-form .sec textarea {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #333;
        border-radius: 8px;
        color: #000;
        transition: all 0.3s ease;
      }
      
      .contract-form .sec input:focus,
      .contract-form .sec textarea:focus {
        border-color: #2f44ff;
        outline: none;
      }
      
      .contract-form .sec input::placeholder,
      .contract-form .sec textarea::placeholder {
        color: #666;
      }
      
      .contract-form button {
        width: 100%;
        padding: 0;
        background-color: #2f44ff;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
      }
      
      .contract-form button:hover {
        background-color: #1f32e0;
        transform: translateY(-2px);
      }
      
      #messageArea {
        margin-top: 15px;
        text-align: center;
        color: #fff;
      }
      
      @media (max-width: 768px) {
        .contract-form {
          padding: 20px;
        }
      }
      
      .max-w-42 {
        max-width: 42rem;
        width: 100%;
      }
      
      /* .hero-styles {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1432px !important;
        margin: 0 auto;
        padding: 0px;
      } */
      
      .hero-styles {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 100%;
        margin: 0 auto;
        padding: 0px;
      }
      
      .hero-section {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: flex-start !important;
        min-height: calc(100dvh - 68px) !important;
        height: 100% !important;
        padding: 0 10%;
      }
      
      @media (max-width: 768px) {
        .hero-styles {
          padding: 0 0px;
          gap: 8px;
        }
      
        .hero-section {
          min-height: calc(100dvh - 60px) !important;
          height: 100% !important;
        }
      }
      
      /* Hero background image styles */
      .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
      }
      
      @media (max-width: 768px) {
        .hero .cont {
          flex-direction: column;
        }
      
        .contract-form {
          margin-top: 15px;
          padding-top: 30px !important;
        }
      }
      
      /* Hero section button styles */
      .hero .text-cont ul {
        display: flex;
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .hero .text-cont ul li {
        margin: 0;
        padding: 0;
      }
      
      .hero .text-cont ul li .btn {
        display: inline-block;
        width: auto;
        border-radius: 10px;
      }
      
      @media (max-width: 768px) {
        .hero .cont {
          flex-direction: column;
        }
      
        .contract-form {
          margin-top: 15px;
          /*padding-top: 30px !important;*/
        }
      
        .hero .text-cont ul {
          flex-direction: column;
          gap: 4px;
          width: 100%;
        }
      
        .hero .text-cont ul li {
          width: fit-content;
        }
      
        .hero .text-cont ul li .btn {
          width: 100%;
          text-align: center;
        }
      }
      
      .form-input-styles {
        width: 100%;
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 22px;
        height: 70px;
      }
      
      .h3-styles {
        text-align: center;
        margin-bottom: 32px;
        font-size: 59px;
        font-weight: 700;
        margin-top: 0px;
      }
      
      .h6-styles {
        text-align: center;
        margin-bottom: 32px;
        font-weight: 400;
        font-size: 48px;
        margin-top: 0px;
      }
      
      .label-styles {
        display: block;
        font-size: 26px;
        display: block;
        color: #fff;
        margin-bottom: 4px;
        font-weight: 400;
        line-height: 36px;
      }
      
      .submit-btn-styles {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 32px;
        font-weight: 400;
        padding: 14px;
        background-color: #2f44ff;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 108px;
      }
      
      .trusted-text {
        text-align: center;
        margin-top: 26px;
        font-size: 26px;
        font-weight: 400;
        color: #fff;
      }
      
      .nav-styles {
        max-width: 100% !important;
        padding: 0 10%;
      }
      
      
        main .hero__wrapper div .text-cont .title {
        font-size: 60px;
      }
      
      main .hero__wrapper div .text-cont .description{
        font-size: 34px;
      }
      
      .hero-btn-styles li a {
        display: inline-block;
        padding: 18px 27px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: 29px;
      }
      
      .contract-form {
        background-color: #0a1833;
        padding: 72px 55px;
        padding-top: 72px;
        padding-bottom: 56px;
        width: 100%;
        flex: 1;
        max-width: 600px;
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }
      
      .trusted-text {
        text-align: center;
        margin-top: 43px;
        font-size: 23px;
        font-weight: 400;
        color: #fff;
      }
      
      .contract-form .group-cont {
        margin-bottom: 53px;
      }
      
      .form-input-styles{
        font-size: 22px;
        height: 82px;
      }
      
      .submit-btn-styles {
        height: 122px;
      }
    
      .text-cont.aos-init.aos-animate {
        max-width: 50% !important;
    }
      
      
    }
    
    @media screen and (min-width: 1537px) and (max-width: 1921px) {
    
      main .hero__wrapper div .text-cont .title {
      font-size: 50px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 27px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 26px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 32px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 68px;
    }
    
    .submit-btn-styles {
      height: 100px;
    }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1537px) {
    
      main .hero__wrapper div .text-cont .title {
        font-size: 40px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-size: 22px;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 18px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 24px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 75px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 17px;
      font-weight: 400;
      color: #fff;
    }
    
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 60px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 18px;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0px;
    }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1441px) {
    
      main .hero__wrapper div .text-cont .description {
        font-size: 21px;
    }
    
      .hero-btn-styles li a {
        display: inline-block;
        padding: 12px 24px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: 18px;
    }
    
      main .hero__wrapper div .text-cont .title {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 52px;
        width: 100%;
        margin-top: 38px;
        margin-bottom: 18px;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
      .form-input-styles {
        height: 50px;
      }
    
      .label-styles {
        font-size: 18px;
      }
    
      .contract-form button {
        padding: 4px;
      }
    
      .submit-btn-styles {
        font-size: 24px;
        height: 44px;
      }
    
      .trusted-text {
        font-size: 17px;
      }
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1367px) {
      .hero__wrapper {
        position: relative;
        z-index: 1;
        margin-top: 46px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 0px;
    }
    
    main .hero__wrapper div .text-cont .description {
        font-size: 20px;
      }
    
     .h3-styles {
        text-align: center;
        margin-bottom: 6px;
        font-size: 35px;
        font-weight: 700;
        margin-top: 0px;
     }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1281px) {
    
      main .hero__wrapper div .text-cont .description {
        color: #000 !important;
        margin-top: 6px !important;
        /* font-size: clamp(16px, 2vw, 26px) !important; */
        line-height: 1.5 !important;
        margin-bottom: 40px !important;
    }
    
      .trusted-text {
        font-size: 14px;
    }
    
      main .hero__wrapper div .text-cont .title {
        font-size: 34px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-size: 18px;
    }
    
      .h3-styles {
        font-size: 28px;
      }
    
      .h6-styles {
        font-size: 24px;
      }
    
      .submit-btn-styles {
        font-size: 16px;
        height: 44px;
      }
    }
    
    @media screen and (max-width: 768px) {
    
      a.btn.cta-button-mobile {
        background: black;
        font-size: 16px;
        padding: 8px 10px;
        border-radius: 4px;
    }
    
    header nav a {
      text-decoration: none;
      color: #ffffff;
      cursor: pointer;
      font-family: "TwkLausanne-300";
    }
    
    p.title{
    color: #000;
    font-size: clamp(21px, 5vw, 45px) !important;
    line-height: 1.2;
    font-weight: 700;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 11px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
      .hero-section {
        padding: 0px;
      }
    
      .nav-styles {
        padding: 0px 20px;
      }
    
      .form-input-styles {
        font-size: 14px;
        height: 38px;
      }
    
      .h3-styles {
        text-align: center;
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 600;
      }
    
      .h6-styles {
        text-align: center;
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 16px;
      }
    
      .label-styles {
        display: block;
        margin-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
      }
    
      .submit-btn-styles {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 15px;
        font-weight: 500;
        padding: 14px;
        background-color: #2f44ff;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 52px;
      }
    
      .trusted-text {
        text-align: center;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
      }
    }
    
    
    
    img.hero-bg-video {
        position: absolute;
        top: 39px;
        /* left: 132px; */
        width: 100%;
        height: 85%;
        object-fit: fill;
        z-index: -1;
        /* width: 176%; */
        /* height: 178%; */
        overflow-clip-margin: unset;
        overflow: unset;
    }
  }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1441px) {
  
    main .hero__wrapper div .text-cont .description {
      font-size: 21px;
  }
  
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 18px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
    .form-input-styles {
      height: 50px;
    }
  
    .label-styles {
      font-size: 18px;
    }
  
    .contract-form button {
      padding: 4px;
    }
  
    .submit-btn-styles {
      font-size: 24px;
      height: 44px;
    }
  
    .trusted-text {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1367px) {
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 0px;
  }
  
  main .hero__wrapper div .text-cont .description {
      font-size: 20px;
    }
  
   .h3-styles {
      text-align: center;
      margin-bottom: 6px;
      font-size: 35px;
      font-weight: 700;
      margin-top: 0px;
   }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1281px) {
  
    main .hero__wrapper div .text-cont .description {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 40px !important;
  }
  
    .trusted-text {
      font-size: 14px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-size: 34px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 18px;
  }
  
    .h3-styles {
      font-size: 28px;
    }
  
    .h6-styles {
      font-size: 24px;
    }
  
    .submit-btn-styles {
      font-size: 16px;
      height: 44px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    a.btn.cta-button-mobile {
      background: black;
      font-size: 16px;
      padding: 8px 10px;
      border-radius: 4px;
  }
  
  header nav a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: "TwkLausanne-300";
  }
  
  p.title{
  color: #000;
  font-size: clamp(21px, 5vw, 45px) !important;
  line-height: 1.2;
  font-weight: 700;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
    .hero-section {
      padding: 0px;
    }
  
    .nav-styles {
      padding: 0px 20px;
    }
  
    .form-input-styles {
      font-size: 14px;
      height: 45px;
    }
  
    .h3-styles {
      text-align: center;
      margin-bottom: 10px;
      font-size: 28px;
      font-weight: 600;
    }
  
    .h6-styles {
      text-align: center;
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 16px;
    }
  
    .label-styles {
      display: block;
      margin-bottom: 1px;
      font-size: 18px;
      font-weight: 400;
      line-height: 36px;
    }
  
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 22px;
      font-weight: 500;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 76px;
    }
  
    .trusted-text {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
    }
  }
  
  @media screen and (max-width: 385px){
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(2.7rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT", sans-serif;
    }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 156px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 10px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        /* overflow: hidden; */
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        /* overflow-x: hidden; */
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 9px 11px;
        font-size: 14px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 15px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
      overflow: hidden;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 10px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 15px 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        /* height: calc(100dvh - 60px) !important; */
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /* padding-top: 15px !important; */
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 26px;
      font-size: 36px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 26px;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    @media screen and (min-width: 2000px) and (max-width: 3841px) {
      @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
    
      @font-face {
        font-family: "TwkLausanne-300";
        src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-400";
        src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-500";
        src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      @font-face {
        font-family: "TwkLausanne-600";
        src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
        font-style: normal;
        font-display: swap;
      }
      
      html,
      body,
      div,
      span,
      applet,
      object,
      iframe,
      h1,
      p,
      blockquote,
      pre,
      a,
      abbr,
      acronym,
      address,
      big,
      cite,
      code,
      del,
      dfn,
      em,
      img,
      ins,
      kbd,
      q,
      s,
      samp,
      small,
      strike,
      strong,
      sub,
      sup,
      tt,
      var,
      b,
      u,
      i,
      center,
      dl,
      dt,
      dd,
      ol,
      ul,
      li,
      fieldset,
      form,
      label,
      legend,
      table,
      caption,
      tbody,
      tfoot,
      thead,
      tr,
      th,
      td,
      article,
      aside,
      canvas,
      details,
      embed,
      figure,
      figcaption,
      footer,
      header,
      hgroup,
      menu,
      nav,
      output,
      ruby,
      section,
      summary,
      time,
      mark,
      audio,
      video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font-family: "TwCenMT", sans-serif;
        vertical-align: baseline;
      }
      
      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      menu,
      nav,
      section {
        display: block;
      }
      
      body {
        line-height: 1;
      }
    
      .aos-init {
        overflow: hidden !important;
    }
      
      ol,
      ul {
        list-style: none;
      }
      
      blockquote,
      q {
        quotes: none;
      }
      
      blockquote:before,
      blockquote:after,
      q:before,
      q:after {
        content: "";
        content: none;
      }
      
      table {
        border-collapse: collapse;
        border-spacing: 0;
      }
      
      .container {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
      }
      
      @-webkit-keyframes zoom-in-zoom-out {
        0% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
        50% {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
        }
        100% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
      }
      
      @keyframes zoom-in-zoom-out {
        0% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
        50% {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
        }
        100% {
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
        }
      }
      
      .padding-section {
        padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
        padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      }
      
      .padding-top-section {
        padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
      }
      
      .cta-button-mobile {
        font-size: 10px;
      }
      
      .get-consultation-btn {
        position: relative;
        text-decoration: none;
        top: 100px;
        color: #000;
        background-color: #fff;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 12px 34px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwCenMT", sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        display: inline-block;
      }
      
      .get-consultation-btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      .btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      .btn img {
        margin-left: 10px;
      }
      
      .overflow-hidden {
        overflow: hidden;
      }
      
      .abs {
        position: absolute;
      }
      
      @-webkit-keyframes mymove {
        50% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
      }
      
      @keyframes mymove {
        50% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
        100% {
          -webkit-transform: scale(2);
          transform: scale(2);
          opacity: 0;
        }
      }
      
      @-webkit-keyframes rotating-right {
        from {
          -webkit-transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
        }
      }
      
      @keyframes rotating-right {
        from {
          -webkit-transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
        }
      }
      
      .get-quote {
        background-color: #211819;
        color: #fff;
      }
      
      .get-quote__wrapper {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      .get-quote__wrapper h3 {
        font-family: "TwkLausanne-600";
        font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
        line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
      }
      
      .get-quote__wrapper p {
        font-family: "TwkLausanne-300";
        line-height: 24px;
      }
      
      .get-quote a {
        background-color: #fff;
        color: #000;
      }
      
      html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        scroll-behavior: smooth;
      }
      
      *,
      *::before,
      *::after {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
      }
      
      body {
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #000;
        font-family: "TwkLausanne-400", "Inter", sans-serif;
        font-optical-sizing: auto;
        font-family: 1rem;
        scroll-behavior: smooth;
      }
      
      header {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
        /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
        z-index: 10;
      }
      
      header nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
      }
      
      header nav a {
        text-decoration: none;
        color: #18191f;
        cursor: pointer;
        font-family: "TwCenMT, sans-serif";
        font-size: 24px;
    }
      
      header nav .logo-wrapper {
        width: 250px;
      }
      
      header nav .logo-wrapper img {
        max-width: 250px;
        width: 100%;
      }
      
      @media (max-width: 1000px) {
        header nav .logo-wrapper {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          text-align: center;
          margin-left: 15px;
        }
      }
      
      header nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      header nav .menu-mobile-wrapper {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav .menu-mobile-wrapper {
          display: block;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
        }
      
        header nav .menu-mobile-wrapper button {
          width: 40px;
          height: 40px;
          background-color: rgba(0, 0, 0, 0);
          border: none;
        }
      }
      
      header nav ul.menu li {
        padding-left: 10px;
        padding-right: 10px;
      }
      
      header nav ul.menu li.active a {
        font-family: "TwkLausanne-400";
      }
      
      header nav ul.menu li:last-child {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav ul.menu li:last-child {
          display: block;
        }
      }
      
      header nav ul.menu .overlay-close {
        display: none;
      }
      
      @media (max-width: 1000px) {
        header nav ul.menu {
          visibility: hidden;
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
          -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
          transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
          transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
            -webkit-transform 0.4s ease-in-out;
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgba(54, 54, 54, 0.9);
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      
        header nav ul.menu li a {
          color: #fff;
          font-size: 36px;
        }
      
        header nav ul.menu.open {
          visibility: visible;
          -webkit-transform: translateY(0%);
          transform: translateY(0%);
          -webkit-transition: -webkit-transform 0.4s ease-in-out;
          transition: -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        }
      
        header nav ul.menu.open .overlay-close {
          display: block;
          width: 40px;
          height: 40px;
          position: absolute;
          right: 20px;
          top: 20px;
          overflow: hidden;
          border: none;
          background: url(./assets/images/close.svg) no-repeat center center;
          text-indent: 200%;
          color: rgba(0, 0, 0, 0);
          outline: none;
          z-index: 100;
        }
      }
      
      header nav ul.contact {
        width: 250px;
        justify-content: end !important;
      }
      
      header nav ul.contact .cta-button {
        padding: 10px 20px;
      }
      
      @media (max-width: 450px) {
        header nav ul.contact .cta-button {
          font-size: 12px;
          padding: 10px 10px;
        }
      }
      
      @media (max-width: 1000px) {
        header nav ul.contact {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
        }
      
        header nav ul.contact li:first-child {
          display: none;
        }
      }
      
      .footer {
        background-color: #050505;
      }
      
      .footer__wrapper {
        color: #fff;
        display: grid;
        grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper {
          display: grid;
          grid-template-columns: 1.3fr 0.7fr;
          grid-template-rows: repeat(3, auto);
          grid-column-gap: 0px;
          grid-row-gap: 50px;
        }
      }
      
      .footer__wrapper > div:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -ms-flex-item-align: end;
        align-self: flex-end;
      }
      
      .footer__wrapper > div:nth-child(1) > img {
        max-width: 250px;
        width: 100%;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(1) {
          grid-column: 1/3;
          grid-row: 3/4;
        }
      }
      
      .footer__wrapper > div:nth-child(1) p {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
      }
      
      .footer__wrapper > div:nth-child(1) ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
      }
      
      .footer__wrapper > div:nth-child(1) ul li a {
        display: block;
        background-color: #1e1e1e;
        height: 32px;
        width: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 500px;
      }
      
      .footer__wrapper > div:nth-child(1) h4 {
        font-size: 20px;
        font-weight: 600;
      }
      
      .footer__wrapper > div:nth-child(1) form {
        background-color: #373737;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 15px 5px 5px;
        border-radius: 8px;
      }
      
      .footer__wrapper > div:nth-child(1) form input {
        width: 100%;
        padding: 10px;
        outline: none;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        font-size: 14px;
        font-weight: 400;
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(1) form input::placeholder {
        color: #dadce2;
      }
      
      .footer__wrapper > div:nth-child(2),
      .footer__wrapper > div:nth-child(3),
      .footer__wrapper > div:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
      
      .footer__wrapper > div:nth-child(2) h4,
      .footer__wrapper > div:nth-child(3) h4,
      .footer__wrapper > div:nth-child(4) h4 {
        font-size: 20px;
        font-weight: 600;
      }
      
      .footer__wrapper > div:nth-child(2) ul,
      .footer__wrapper > div:nth-child(3) ul,
      .footer__wrapper > div:nth-child(4) ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
      }
      
      .footer__wrapper > div:nth-child(2) ul li a,
      .footer__wrapper > div:nth-child(3) ul li a,
      .footer__wrapper > div:nth-child(4) ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(2) {
          grid-column: 1/2;
          grid-row: 2/3;
        }
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(2) {
          grid-column: 2/3;
          grid-row: 2/3;
        }
      }
      
      @media (max-width: 56.24875em) {
        .footer__wrapper > div:nth-child(4) {
          grid-column: 1/3;
          grid-row: 1/2;
        }
      }
      
      .footer .copyright {
        color: #fff;
        text-align: center;
        margin-top: 50px;
        line-height: 21px;
      }
      
      @media (max-width: 43.74875em) {
        .footer .copyright {
          margin-top: unset;
          padding: 20px 10px 70px 10px;
        }
      }
      
      .contact-form {
        display: none;
      }
      
      .contact-form.active {
        padding: 10px;
        position: fixed !important;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
      }
      
      .contact-form.active .outer-cont {
        background-color: #fff;
        max-width: 684px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
        border-radius: 20px;
        border: 1px solid #ddd;
        position: relative;
      }
      
      @media (max-width: 500px) {
        .contact-form.active .outer-cont {
          overflow: scroll;
          height: 100%;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
        }
      }
      
      .contact-form.active .outer-cont .inner-cont {
        width: 100%;
      }
      
      .contact-form.active .outer-cont .inner-cont h3 {
        color: #414042;
        font-size: 28px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 12px;
      }
      
      .contact-form.active .outer-cont .inner-cont p {
        color: #606060;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        max-width: 435px;
        width: 100%;
        margin-bottom: 39px;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm label,
      .contact-form.active .outer-cont .inner-cont form#contactForm input,
      .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
      .contact-form.active .outer-cont .inner-cont form#contactForm button,
      .contact-form.active .outer-cont .inner-cont form#contactForm select {
        width: 100%;
        outline: none;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
        width: 100%;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
        margin-bottom: 10px;
        display: block;
        color: #1d263a;
        font-family: Inter;
        font-size: 17px;
        font-weight: 600;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
        border-radius: 10px;
        background-color: rgba(224, 236, 240, 0.5);
        border: none;
        padding: 16px;
        color: #1d263a;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-webkit-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-webkit-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-webkit-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-moz-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-moz-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-moz-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input:-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea:-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select:-ms-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::-ms-input-placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::-ms-input-placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        input::placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        textarea::placeholder,
      .contact-form.active
        .outer-cont
        .inner-cont
        form#contactForm
        .sec
        select::placeholder {
        color: rgba(29, 38, 58, 0.5);
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
        background-repeat: no-repeat;
        background-size: 14px 14px;
        background-position: calc(100% - 16px);
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm button {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 17px;
        font-weight: 500;
        padding: 14px;
        background-color: #e22828;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
      }
      
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
      }
      
      @media (max-width: 56.24875em) {
        .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      
      .contact-form.active .outer-cont .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        top: 20px;
        right: 20px;
        cursor: pointer;
      }
      
      .contact-form.active .outer-cont #messageArea {
        margin-top: 10px;
      }
      
      .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      
      .swiper-container {
        position: relative;
        width: 100%;
        margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
        padding-top: 30px;
        min-height: calc(
          clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
            clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
        );
      }
      
      @media (max-width: 749px) {
        .swiper-container {
          padding-left: 20px;
          padding-right: 20px;
        }
      }
      
      .swiper-container > .swiper-slide__content {
        position: absolute;
        top: 0;
      }
      
      .swiper-slide {
        border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
        overflow: hidden;
        height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
        display: flex;
        align-items: center;
        justify-content: center;
      
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: all 200ms linear;
      }
      
      .swiper-slide.swiper-slide-active {
        height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
        background: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
        box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      }
      
      .swiper-slide__content {
        height: 300px;
      }
      
      ul.categ-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
      }
      
      ul.categ-cont li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
      }
      
      ul.categ-cont li span {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 100%;
      }
      
      ul.categ-cont li span.red {
        background-color: #e22829;
      }
      
      ul.categ-cont li span.green {
        background-color: #64e228;
      }
      
      main {
        margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
      }
      
      main .hero {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
      }
      
      .section-title {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 600;
        color: white;
        margin-bottom: 2rem;
      }
      
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
      }
      
      .hero__wrapper {
        position: relative;
        z-index: 1;
        margin-top: 85px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
      }
      
      main .hero__wrapper div.cont .text-cont h1 {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 600px;
        margin-right: 500px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 24px;
        font-size: 90px;
      
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      
      @media (max-width: 750px) {
        .hero__wrapper {
          margin-top: 31px;
          padding: 0px 20px;
          padding-bottom: 139px;
        }
      
        main .hero__wrapper div.cont .text-cont h1 {
          font-size: clamp(4rem, 5vw, 3rem);
          margin-right: 0;
          max-width: 100%;
        }
        main .hero__wrapper div.cont .text-cont p,
        main .hero__wrapper div.cont .text-cont ul {
          max-width: 100%;
          margin: 0;
          padding: 0 0;
          box-sizing: border-box;
        }
      
        .hero {
          padding-left: 0;
        }
      }
      
      main .hero__wrapper div.cont .text-cont p {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 700px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 24px;
        /* line-height: 24px; */
      
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
      }
      
      main .hero__wrapper div.cont .text-cont ul {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 400px;
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 200px;
      }
      
      @media (max-width: 750px) {
        main {
          overflow-x: hidden !important;
        }
      }
      
      @media (max-width: 750px) {
        main .hero {
          font-family: "TwCenMT", sans-serif;
          font-weight: 700;
          line-height: 14px;
          width: 100vw;
          /* padding-left: 40px; */
          overflow: hidden;
        }
      
        main .hero__wrapper div.cont h1 {
          width: 100%;
          max-width: 100%;
          box-sizing: border-box;
        }
      
        main .hero__wrapper div.cont .text-cont {
          width: 100%;
          max-width: 100%;
          /* padding-right: 20px; optional */
          box-sizing: border-box;
        }
      
        main .hero-bg-video {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          object-fit: cover;
          z-index: -1;
          overflow-x: hidden;
        }
      
        main {
          overflow-x: hidden;
        }
      }
      
      main .hero__wrapper div.cont .text-cont .categ .circle::before {
        -webkit-animation: mymove 2s infinite;
        animation: mymove 2s infinite;
        position: absolute;
        background-color: #64e228;
      }
      
      main .hero__wrapper div.cont .text-cont h1 {
        margin-top: 23px;
        font-family: "TwkLausanne-500";
        font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
        line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
        letter-spacing: 1px;
        /* width: 832px; */
        width: 100%;
      }
      
      main .hero__wrapper div.cont .text-cont h1 span.icon {
        display: inline-block;
        width: 25px;
        height: 28.939px;
        background-image: url(./assets/images/bc-icon.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: 10px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
      }
      
      main .hero__wrapper div.cont .text-cont h1 span.amazing {
        background: center 67%/227% url("./assets/images/roseate-04.jpeg");
        background-clip: text;
        -webkit-background-clip: text;
        color: rgba(0, 0, 0, 0);
      }
      
      main .hero__wrapper div.cont .text-cont ul {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 14px;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
        text-decoration: none;
        color: #fff;
        background-color: #2f44ff;
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwkLausanne-600";
        font-size: 14px;
        cursor: pointer;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
        text-decoration: none;
        color: #fff;
        background-color: #2f44ff;
      
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-family: "TwkLausanne-600";
        font-size: 14px;
        cursor: pointer;
      }
      
      main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }
      
      /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
        color: #fff;
        font-family: "TwkLausanne-300";
        text-decoration-line: underline;
      } */
      
      main .hero__wrapper div.cont .text-cont .rates {
        margin-top: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
      }
      
      main .hero__wrapper div .text-cont .description {
        font-family: "TwCenMT", sans-serif;
        font-weight: 400;
        font-size: 21px;
        line-height: 36px;
        /* padding: 0 8px; */
      }
      
      .description-styles {
        color: #000 !important;
        margin-top: 6px !important;
        /* font-size: clamp(16px, 2vw, 26px) !important; */
        line-height: 1.5 !important;
        margin-bottom: 50px !important;
      }
      
      main .hero__wrapper div .text-cont .title {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 52px;
        width: 100%;
        margin-top: 38px;
        margin-bottom: 18px;
      }
      
      .hero-btn-styles {
        display: flex;
        gap: 36px;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .hero-btn-styles li a {
        display: inline-block;
        padding: 12px 24px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
      }
      
      @media (max-width: 768px) {
        .hero-btn-styles li a {
          padding: 12px 16px;
        }
      
        main .hero__wrapper div .text-cont .title {
          margin-top: 0px;
          margin-bottom: 10px;
        }
      
        .description-styles {
          color: #000 !important;
          margin-bottom: 27px !important;
        }
      
        .hero-btn-styles {
          flex-direction: row !important;
          justify-content: space-between;
        }
      }
      
      main .about {
        width: 100%;
        max-width: 1090px;
        margin: 0 auto;
        text-align: center;
        padding-top: 80px;
        font-family: "TwCenMT", sans-serif;
        font-size: 40px;
        font-weight: 700;
      }
      
      main .about .container-about {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-family: "TwCenMT", sans-serif;
      }
      
      .view-link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
        width: 140px;
        font-family: "TwCenMT", sans-serif;
      }
      
      .arrow {
        width: 30px;
        height: auto;
        margin-left: 10px;
      }
      
      .about-cf-text {
        text-align: left;
        font-family: "TwCenMT", sans-serif;
        width: 580px;
        font-weight: 400;
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 20px;
        margin-left: 60px;
      
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .about-admin-text {
        text-align: left;
        font-family: "TwCenMT", sans-serif;
        width: 580px;
        font-weight: 300;
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 20px;
        margin-left: 60px;
      
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      
      .highlighted__text {
        font-weight: 700;
      }
      
      .expertise-text {
        margin-top: 60px;
        font-weight: 400;
        font-size: 22px;
        font-family: "TwCenMT", sans-serif;
        line-height: 28px;
      }
      
      .cyber-fox-image {
        width: auto;
        height: 400px;
      }
      
      .admin-image {
        height: 500px;
        width: auto;
      }
      
      .admin-image-mobile {
        height: 400px;
      }
      
      main .about .container-about .container-about-first img {
        height: 400px;
        width: auto;
      }
      
      main .about .container-about .about-content-second img {
        height: 600px;
      }
      
      main .services {
        background-image: url("./assets/images/services_bg-compressed.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      
      main .services__wrapper--services {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      
      main .services__wrapper--services li {
        border-radius: 24px;
        padding-bottom: 20px;
        background: #f9f9f9;
        overflow: hidden;
        width: calc((100% - 20px) / 6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
        color: #000;
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        text-align: center;
        margin-top: 20px;
      }
      
      @media (max-width: 1024px) {
        main .services__wrapper--services li {
          width: calc((100% - 120px) / 5);
        }
      }
      
      @media (max-width: 56.24875em) {
        main .services__wrapper--services li {
          width: 22%;
        }
      }
      
      @media (max-width: 43.74875em) {
        main .services__wrapper--services li {
          width: 30%;
        }
      }
      
      @media (max-width: 560px) {
        main .services__wrapper--services li {
          width: 46%;
        }
      }
      
      main .services__wrapper--services li .img-cont {
        border-radius: 24px;
        width: 100%;
      }
      
      main .services__wrapper--services li .img-cont img {
        width: 100%;
        height: auto;
      }
      
      main .services .text-blockchain {
        max-width: 1152px;
        width: 100%;
        margin: 0 auto;
        font-style: normal;
        padding-left: 20px;
        padding-right: 20px;
      }
      
      main .services .text-blockchain h2 {
        font-family: "TwCenMT", sans-serif;
        line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
        font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
        text-align: center;
      }
      
      @media (max-width: 56.24875em) {
        main .services .text-blockchain h2 {
          text-align: left;
        }
      }
      
      main .services .text-blockchain h2 span.dmcc {
        font-family: "TwCenMT", sans-serif;
        font-weight: 500;
      }
      
      main .services .text-blockchain h2 span.icon {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(./assets/images/bc-icon.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 5px;
        font-family: "TwCenMT", sans-serif;
      }
      
      main .services .text-blockchain h2 span.colored {
        background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#f5160f),
          to(#0e12e7)
        );
        background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-family: "TwCenMT", sans-serif;
      }
      
      main .services .text-blockchain h2 span.fade1 {
        color: #727272;
      }
      
      main .services .text-blockchain h2 span.fade2 {
        color: rgba(114, 114, 114, 0.45);
      }
      
      main .services .text-blockchain h2 span.fade3 {
        color: rgba(114, 114, 114, 0.45);
      }
      
      main .services .text-blockchain h2 span.fade4 {
        color: #e4e4e4;
      }
      
      main .value {
        padding-left: 10px;
        padding-right: 10px;
      }
      
      main .value__wrapper {
        background-color: #1a1a1a;
        max-width: 1412px;
        width: 100%;
        margin: 0 auto;
        border-radius: 36px;
        padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
      }
      
      main .value__wrapper--container {
        color: #ebebeb;
        text-align: center;
      }
      
      main .value__wrapper--container h2 {
        font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
        font-family: "TwCenMT", sans-serif;
      }
      
      main .value__wrapper--container .map {
        background-image: url(./assets/images/bg-map.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
        margin-top: 70px;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .map {
          background-position: top;
        }
      }
      
      main .value__wrapper--container .map .text-cont {
        text-align: center;
        color: #fff;
      }
      
      main .value__wrapper--container .map .text-cont img {
        width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
      }
      
      main .value__wrapper--container .map .text-cont p {
        font-family: "TwkLausanne-600";
        text-align: center;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 80px;
      }
      
      main .value__wrapper--container .map .text-cont span {
        margin-top: 27px;
        display: inline-block;
        max-width: 430px;
        line-height: 25px;
      }
      
      main .value__wrapper--container .map span[class*="float-"] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 100%;
      }
      
      @media (max-width: 980px) {
        main .value__wrapper--container .map span[class*="float-"] {
          display: none;
        }
      }
      
      main .value__wrapper--container .map .float-1 {
        width: 51px;
        height: 51px;
        top: 103px;
        left: 213px;
        background-image: url(./assets/images/value/icon-1.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
      }
      
      main .value__wrapper--container .map .float-2 {
        width: 32px;
        height: 32px;
        bottom: 172px;
        left: 227px;
        background-image: url(./assets/images/value/icon-3.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
      }
      
      main .value__wrapper--container .map .float-3 {
        width: 32px;
        height: 32px;
        top: 20px;
        margin-right: -50px;
        background-image: url(./assets/images/value/icon-3.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
      }
      
      main .value__wrapper--container .map .float-4 {
        width: 32px;
        height: 32px;
        margin-right: -100px;
        background-image: url(./assets/images/value/icon-4.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.7s;
        animation-delay: 1.7s;
      }
      
      main .value__wrapper--container .map .float-5 {
        width: 32px;
        height: 32px;
        top: 137px;
        right: 227px;
        background-image: url(./assets/images/value/icon-2.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
      }
      
      main .value__wrapper--container .map .float-6 {
        width: 32px;
        height: 32px;
        bottom: 118px;
        right: 122px;
        background-image: url(./assets/images/value/icon-1.svg);
        -webkit-animation: zoom-in-zoom-out 3s ease infinite;
        animation: zoom-in-zoom-out 3s ease infinite;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s;
      }
      
      main .value__wrapper--container .development {
        margin-top: 105px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .development {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 50px;
        }
      }
      
      main .value__wrapper--container .development > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #fff;
        text-align: center;
      }
      
      main .value__wrapper--container .development > div p {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
      }
      
      main .value__wrapper--container .development > div span {
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "TwkLausanne-300";
      }
      
      main .value__wrapper--container .development .cont-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
        text-align: center;
      }
      
      main .value__wrapper--container .development .cont-1 .one-zero {
        max-width: 368px;
        width: 100%;
        min-height: 385px;
        background-image: url(./assets/images/bg-one-zero.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      main .value__wrapper--container .development .cont-1 .one-zero img {
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main
        .value__wrapper--container
        .development
        .cont-1
        .one-zero
        img:nth-child(1) {
        width: 78px;
        height: 77px;
        margin-bottom: 33px;
      }
      
      main
        .value__wrapper--container
        .development
        .cont-1
        .one-zero
        img:nth-child(2) {
        width: 131px;
        margin-bottom: 65px;
        height: 129px;
      }
      
      main .value__wrapper--container .development .cont-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
      }
      
      main .value__wrapper--container .development .cont-2 img {
        max-width: 313px;
        width: 100%;
        margin-bottom: 25px;
      }
      
      main .value__wrapper--container .development .cont-2 p {
        margin-bottom: 27px;
      }
      
      main .value__wrapper--container .category {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        margin-top: 115px;
      }
      
      @media (max-width: 56.24875em) {
        main .value__wrapper--container .category {
          margin-top: 70px;
        }
      }
      
      main .value__wrapper--container .category li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
        color: #000;
      }
      
      .value__footer-image {
        position: relative;
        left: 50%;
        bottom: -194px;
        transform: translateX(-50%);
        width: 100%;
        height: 615px;
        background-image: url("./assets/images/footer-banner-compressed.png");
        background-size: cover;
        background-position: center;
        border-bottom-left-radius: 36px;
        border-bottom-right-radius: 36px;
        z-index: 1;
      }
      
      .value__footer-image .overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 170px 20px;
        text-align: center;
        color: white;
        font-size: 1.25rem;
        line-height: 1.6;
        font-family: "TwkLausanne-300", sans-serif;
        background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
      }
      
      main .value h3 {
        max-width: 1090px;
        margin: 0 auto;
        font-family: "TwkLausanne-500";
        margin-top: 55px;
        color: #fff;
        text-align: center;
        font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
        line-height: normal;
        letter-spacing: 1px;
      }
      
      main .partners ul {
        display: grid;
        grid-template-columns: repeat(
          3,
          clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
        );
        grid-template-rows: 1fr;
        grid-column-gap: 77px;
        grid-row-gap: 48px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 43.74875em) {
        main .partners ul {
          grid-template-columns: repeat(2, 150px);
          grid-column-gap: 20px;
          grid-row-gap: 20px;
        }
      }
      
      main .partners ul li img {
        width: 100%;
      }
      
      main .blockchain-solutions {
        overflow: hidden;
      }
      
      main .blockchain-solutions__wrapper {
        text-align: center;
      }
      
      main .blockchain-solutions__wrapper span {
        border-radius: 16px;
        border: 1px solid #e7e7e7;
        padding: 7px 12px;
        background: #f9f9f9;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 14px;
      }
      
      main .blockchain-solutions__wrapper h2 {
        font-family: "TwCenMT", sans-serif;
        font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
        margin-top: 40px;
        font-weight: 600;
      }
      
      main .blockchain-solutions__wrapper p {
        max-width: 435px;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-top: 25px;
        max-width: 600px;
        font-family: "TwCenMT", sans-serif;
        line-height: 25px;
      }
      
      main .get-quote {
        background-color: #242424;
        background-image: url("./assets/images/get-quote-bg-compressed.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        position: relative;
        z-index: 1;
      }
      
      main .get-quote__wrapper {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      main .get-quote__wrapper h3 {
        font-family: "TwkLausanne-600";
        font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
        line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
      }
      
      main .get-quote__wrapper p {
        font-family: "TwkLausanne-300";
        line-height: 24px;
      }
      
      main .get-quote a {
        background-color: #fff;
        color: #000;
      }
      
      main.inner-pages .inner-title {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
        margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
        margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
        max-width: 490px;
        width: 100%;
      }
      
      main.inner-pages .inner-header .inner-header-cont {
        padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
        padding-bottom: 5.8125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      main.inner-pages .inner-header .inner-header-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
        margin-top: 0.8125rem;
        font-family: "TwkLausanne-500";
        font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
        line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
        margin-top: 1.25rem;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
        margin-top: 1.8125rem;
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        height: 19.0625rem;
        border-radius: 16px;
        background: #d9d9d9;
        overflow: hidden;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
          display: none;
        }
      }
      
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-1 .section-1-cont {
        background-color: #f5f7fa;
        padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
        border-radius: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-1 .section-1-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
        line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
        margin-top: 1.1875rem;
        color: #9ba3b2;
        font-family: "TwkLausanne-300";
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 25px;
          margin-top: 25px;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13px;
        border-radius: 100%;
        background-image: url(./assets/images/circle-check.svg);
      }
      
      main.inner-pages
        .section-1
        .section-1-cont
        .section-1-cont-left
        ul
        p:nth-child(2) {
        margin-top: 22px;
        font-family: "TwkLausanne-500";
      }
      
      main.inner-pages
        .section-1
        .section-1-cont
        .section-1-cont-left
        ul
        p:last-child {
        margin-top: 11px;
        color: #000;
        font-family: "TwkLausanne-300";
        line-height: 20px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: 19.0625rem;
        border-radius: 16px;
        background: #d9d9d9;
        overflow: hidden;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
          height: unset;
          width: 75%;
        }
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
          width: 100%;
        }
      }
      
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-2 {
        margin-bottom: 44px;
      }
      
      main.inner-pages .section-2 ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 55px;
        grid-row-gap: 29px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-2 ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-2 ul {
          grid-template-columns: repeat(1, 1fr);
        }
      }
      
      main.inner-pages .section-2 ul li {
        border-radius: 12px;
        background: #f5f7fa;
        padding: 42px 24px 74px 24px;
      }
      
      main.inner-pages .section-2 ul li span {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(./assets/images/circle-check.svg);
        border-radius: 100%;
      }
      
      main.inner-pages .section-2 ul li p:nth-child(2) {
        font-family: "TwkLausanne-500";
        margin-top: 22px;
      }
      
      main.inner-pages .section-2 ul li p:nth-child(3) {
        margin-top: 22px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-2 ul li a {
        color: #000;
        text-decoration: none;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
        margin-top: 36px;
        display: inline-block;
      }
      
      main.inner-pages .section-3 {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 123px;
      }
      
      main.inner-pages .section-3 .section-3-cont {
        border-radius: 36px;
        background: #f5f7fa;
        padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-3 .section-3-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 50px;
        }
      }
      
      main.inner-pages .section-3 .section-3-cont > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
        margin-top: 21px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
        margin-top: 25px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 29px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
        border-radius: 16px;
        background: #d8e0eb;
        padding: 16px 27px;
      }
      
      main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages
          .section-3
          .section-3-cont
          .section-3-cont-right
          ul
          li
          .title {
          display: grid;
          grid-template-columns: 16px 1fr 24px;
          grid-template-rows: 1fr;
          grid-column-gap: 10px;
          grid-row-gap: 0px;
        }
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        span.icon-1 {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid #000;
        border-radius: 100%;
        -ms-flex-item-align: self-start;
        align-self: self-start;
        margin-top: 5px;
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        .desc
        p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title
        span.icon-2 {
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(./assets/images/arrow-right-black.svg);
      }
      
      main.inner-pages .section-4 .section-4-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-4 .section-4-cont {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
        border-radius: 12px;
        background: #f5f7fa;
        padding: 31px 40px 31px 24px;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
        background-image: url(./assets/images/circle-check.svg);
        width: 24px;
        height: 24px;
        display: block;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        > div
        p:nth-child(2) {
        font-family: "TwkLausanne-500";
        margin-top: 22px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        > div
        p:nth-child(3) {
        margin-top: 22px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-left
        div:last-child {
        margin-top: 16px;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        border-radius: 12px;
        background: #f5f7fa;
        padding: 31px;
        text-align: center;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
        height: 305px;
        overflow: hidden;
        max-width: 85%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        border-radius: 16px;
        background: #d9d9d9;
      }
      
      main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-right
        p:nth-child(2) {
        font-family: "TwkLausanne-500";
        font-size: 22px;
        margin-top: 21px;
      }
      
      main.inner-pages
        .section-4
        .section-4-cont
        .section-4-cont-right
        p:nth-child(3) {
        margin-top: 15px;
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-5 .section-5-cont h3 {
        font-family: "TwkLausanne-500";
        font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
        line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
        letter-spacing: 1px;
      }
      
      main.inner-pages .section-5 .section-5-cont > p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
        max-width: 516px;
        width: 100%;
      }
      
      main.inner-pages .section-5 .section-5-cont ul {
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
      
      @media (max-width: 56.24875em) {
        main.inner-pages .section-5 .section-5-cont ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      main.inner-pages .section-5 .section-5-cont ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
      }
      
      @media (max-width: 43.74875em) {
        main.inner-pages .section-5 .section-5-cont ul li {
          display: grid;
          grid-template-columns: 24px 1fr;
          grid-template-rows: 1fr;
          grid-column-gap: 15px;
          grid-row-gap: 0px;
        }
      }
      
      main.inner-pages .section-5 .section-5-cont ul li span {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(./assets/images/circle-check.svg);
        -o-object-fit: cover;
        object-fit: cover;
      }
      
      main.inner-pages .section-5 .section-5-cont ul li p {
        font-family: "TwkLausanne-300";
        line-height: 25px;
        letter-spacing: 1px;
      }
      
      main section {
        padding-bottom: 158px;
      }
      
      @media (max-width: 768px) {
        main section {
          padding-bottom: 0px;
        }
      }
      
      .privacy-policy-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      
      .privacy-policy-wrapper .container h2 {
        text-align: center;
        font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
        font-family: "TwkLausanne-600";
        line-height: normal;
        margin-bottom: 50px;
      }
      
      .privacy-policy-wrapper .container h3,
      .privacy-policy-wrapper .container p,
      .privacy-policy-wrapper .container li {
        margin-bottom: 25px;
      }
      
      .privacy-policy-wrapper .container h3 {
        font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
        font-style: normal;
        font-family: "TwkLausanne-600";
        line-height: 44px;
      }
      
      .privacy-policy-wrapper .container p,
      .privacy-policy-wrapper .container li {
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "TwkLausanne-300";
      }
      
      .privacy-policy-wrapper .container ul {
        list-style-type: disc;
        margin-left: 20px;
      }
      
      .privacy-policy-wrapper .container p span,
      .privacy-policy-wrapper .container ul li strong {
        font-weight: bold;
      }
      
      @media (max-width: 750px) {
        .container-about {
          flex-direction: column !important;
          align-items: center;
          gap: 40px;
        }
      
        .about-cf-text,
        .about-admin-text {
          width: 100%;
          margin-left: 0;
          padding: 0 20px;
          text-align: center;
        }
      
        .cyber-fox-image,
        .admin-image,
        .admin-image-mobile {
          width: 90%;
          height: auto;
        }
      
        .about-title h2 {
          font-size: 1.8rem;
        }
      
        .about-title h5 {
          font-size: 1rem;
          margin-top: 10px;
        }
      
        .expertise-text {
          font-size: 18px;
          padding: 0 20px;
          text-align: center;
        }
      
        .view-link {
          margin: 0 auto;
          justify-content: center;
        }
      }
      
      @media (max-width: 750px) {
        .about-title-h2 {
          color: #000;
        }
      }
      
      @media (max-width: 750px) {
        .value__footer-image {
          background-size: contain !important;
          background-repeat: no-repeat !important;
          background-position: top center !important;
          height: auto !important;
          min-height: 500px;
        }
      
        .value__footer-image .overlay {
          padding: 20px 20px !important;
        }
      }
      
      .contract-form {
        background-color: #0a1833;
        padding: 30px 55px;
        width: 100%;
        flex: 1;
        min-width: 40%;
        /* max-width: 548px; */
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }
      
      .contract-form .group-cont {
        margin-bottom: 20px;
      }
      
      .contract-form .sec input,
      .contract-form .sec textarea {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #333;
        border-radius: 8px;
        color: #000;
        transition: all 0.3s ease;
      }
      
      .contract-form .sec input:focus,
      .contract-form .sec textarea:focus {
        border-color: #2f44ff;
        outline: none;
      }
      
      .contract-form .sec input::placeholder,
      .contract-form .sec textarea::placeholder {
        color: #666;
      }
      
      .contract-form button {
        width: 100%;
        padding: 0;
        background-color: #2f44ff;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
      }
      
      .contract-form button:hover {
        background-color: #1f32e0;
        transform: translateY(-2px);
      }
      
      #messageArea {
        margin-top: 15px;
        text-align: center;
        color: #fff;
      }
      
      @media (max-width: 768px) {
        .contract-form {
          padding: 20px;
        }
      }
      
      .max-w-42 {
        max-width: 42rem;
        width: 100%;
      }
      
      /* .hero-styles {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1432px !important;
        margin: 0 auto;
        padding: 0px;
      } */
      
      .hero-styles {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 100%;
        margin: 0 auto;
        padding: 0px;
      }
      
      .hero-section {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: flex-start !important;
        min-height: calc(100dvh - 68px) !important;
        height: 100% !important;
        padding: 0 10%;
      }
      
      @media (max-width: 768px) {
        .hero-styles {
          padding: 0 0px;
          gap: 8px;
        }
      
        .hero-section {
          min-height: calc(100dvh - 60px) !important;
          height: 100% !important;
        }
      }
      
      /* Hero background image styles */
      .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
      }
      
      @media (max-width: 768px) {
        .hero .cont {
          flex-direction: column;
        }
      
        .contract-form {
          margin-top: 15px;
          padding-top: 30px !important;
        }
      }
      
      /* Hero section button styles */
      .hero .text-cont ul {
        display: flex;
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .hero .text-cont ul li {
        margin: 0;
        padding: 0;
      }
      
      .hero .text-cont ul li .btn {
        display: inline-block;
        width: auto;
        border-radius: 10px;
      }
      
      @media (max-width: 768px) {
        .hero .cont {
          flex-direction: column;
        }
      
        .contract-form {
          margin-top: 15px;
          /*padding-top: 30px !important;*/
        }
      
        .hero .text-cont ul {
          flex-direction: column;
          gap: 4px;
          width: 100%;
        }
      
        .hero .text-cont ul li {
          width: fit-content;
        }
      
        .hero .text-cont ul li .btn {
          width: 100%;
          text-align: center;
        }
      }
      
      .form-input-styles {
        width: 100%;
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 22px;
        height: 70px;
      }
      
      .h3-styles {
        text-align: center;
        margin-bottom: 32px;
        font-size: 59px;
        font-weight: 700;
        margin-top: 0px;
      }
      
      .h6-styles {
        text-align: center;
        margin-bottom: 32px;
        font-weight: 400;
        font-size: 48px;
        margin-top: 0px;
      }
      
      .label-styles {
        display: block;
        font-size: 26px;
        display: block;
        color: #fff;
        margin-bottom: 4px;
        font-weight: 400;
        line-height: 36px;
      }
      
      .submit-btn-styles {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 32px;
        font-weight: 400;
        padding: 14px;
        background-color: #2f44ff;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 108px;
      }
      
      .trusted-text {
        text-align: center;
        margin-top: 26px;
        font-size: 26px;
        font-weight: 400;
        color: #fff;
      }
      
      .nav-styles {
        max-width: 100% !important;
        padding: 0 10%;
      }
      
      
        main .hero__wrapper div .text-cont .title {
        font-size: 60px;
      }
      
      main .hero__wrapper div .text-cont .description{
        font-size: 34px;
      }
      
      .hero-btn-styles li a {
        display: inline-block;
        padding: 18px 27px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: 29px;
      }
      
      .contract-form {
        background-color: #0a1833;
        padding: 72px 55px;
        padding-top: 72px;
        padding-bottom: 56px;
        width: 100%;
        flex: 1;
        max-width: 600px;
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }
      
      .trusted-text {
        text-align: center;
        margin-top: 43px;
        font-size: 23px;
        font-weight: 400;
        color: #fff;
      }
      
      .contract-form .group-cont {
        margin-bottom: 53px;
      }
      
      .form-input-styles{
        font-size: 22px;
        height: 82px;
      }
      
      .submit-btn-styles {
        height: 122px;
      }
    
      .text-cont.aos-init.aos-animate {
        max-width: 50% !important;
    }
      
      
    }
    
    @media screen and (min-width: 1537px) and (max-width: 1921px) {
    
      main .hero__wrapper div .text-cont .title {
      font-size: 50px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 27px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 26px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 32px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 68px;
    }
    
    .submit-btn-styles {
      height: 100px;
    }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1537px) {
    
      main .hero__wrapper div .text-cont .title {
        font-size: 40px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-size: 22px;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 18px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 24px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 75px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 17px;
      font-weight: 400;
      color: #fff;
    }
    
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 60px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 18px;
      font-weight: 400;
      font-size: 32px;
      margin-top: 0px;
    }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1441px) {
    
      main .hero__wrapper div .text-cont .description {
        font-size: 21px;
    }
    
      .hero-btn-styles li a {
        display: inline-block;
        padding: 12px 24px;
        background: #2f44ff;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: 18px;
    }
    
      main .hero__wrapper div .text-cont .title {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 52px;
        width: 100%;
        margin-top: 38px;
        margin-bottom: 18px;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
      .form-input-styles {
        height: 50px;
      }
    
      .label-styles {
        font-size: 18px;
      }
    
      .contract-form button {
        padding: 4px;
      }
    
      .submit-btn-styles {
        font-size: 24px;
        height: 44px;
      }
    
      .trusted-text {
        font-size: 17px;
      }
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1367px) {
      .hero__wrapper {
        position: relative;
        z-index: 1;
        margin-top: 46px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 0px;
    }
    
    main .hero__wrapper div .text-cont .description {
        font-size: 20px;
      }
    
     .h3-styles {
        text-align: center;
        margin-bottom: 6px;
        font-size: 35px;
        font-weight: 700;
        margin-top: 0px;
     }
    
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1281px) {
    
      main .hero__wrapper div .text-cont .description {
        color: #000 !important;
        margin-top: 6px !important;
        /* font-size: clamp(16px, 2vw, 26px) !important; */
        line-height: 1.5 !important;
        margin-bottom: 40px !important;
    }
    
      .trusted-text {
        font-size: 14px;
    }
    
      main .hero__wrapper div .text-cont .title {
        font-size: 34px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-size: 18px;
    }
    
      .h3-styles {
        font-size: 28px;
      }
    
      .h6-styles {
        font-size: 24px;
      }
    
      .submit-btn-styles {
        font-size: 16px;
        height: 44px;
      }
    }
    
    @media screen and (max-width: 768px) {
    
      a.btn.cta-button-mobile {
        background: black;
        font-size: 16px;
        padding: 8px 10px;
        border-radius: 4px;
    }
    
    header nav a {
      text-decoration: none;
      color: #ffffff;
      cursor: pointer;
      font-family: "TwkLausanne-300";
    }
    
    p.title{
    color: #000;
    font-size: clamp(21px, 5vw, 45px) !important;
    line-height: 1.2;
    font-weight: 700;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 11px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
      .hero-section {
        padding: 0px;
      }
    
      .nav-styles {
        padding: 0px 20px;
      }
    
      .form-input-styles {
        font-size: 14px;
        height: 38px;
      }
    
      .h3-styles {
        text-align: center;
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 600;
      }
    
      .h6-styles {
        text-align: center;
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 16px;
      }
    
      .label-styles {
        display: block;
        margin-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
      }
    
      .submit-btn-styles {
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-size: 15px;
        font-weight: 500;
        padding: 14px;
        background-color: #2f44ff;
        outline: none;
        border-radius: 12px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 52px;
      }
    
      .trusted-text {
        text-align: center;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
      }
    }
    
    
    
    img.hero-bg-video {
        position: absolute;
        top: 39px;
        /* left: 132px; */
        width: 100%;
        height: 85%;
        object-fit: fill;
        z-index: -1;
        /* width: 176%; */
        /* height: 178%; */
        overflow-clip-margin: unset;
        overflow: unset;
    }
  }
}

@media screen and (min-width: 1537px) and (max-width: 1919px) {

  main .hero__wrapper div .text-cont .title {
  font-size: 50px;
}

main .hero__wrapper div .text-cont .description{
  font-size: 27px;
}

.hero-btn-styles li a {
  display: inline-block;
  padding: 12px 24px;
  background: #2f44ff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition: background 0.3s ease;
  font-size: 26px;
}

.contract-form {
  background-color: #0a1833;
  padding: 72px 55px;
  padding-top: 72px;
  padding-bottom: 56px;
  width: 100%;
  flex: 1;
  max-width: 600px;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.trusted-text {
  text-align: center;
  margin-top: 43px;
  font-size: 23px;
  font-weight: 400;
  color: #fff;
}

.contract-form .group-cont {
  margin-bottom: 32px;
}

.form-input-styles{
  font-size: 22px;
  height: 68px;
}

.submit-btn-styles {
  height: 100px;
}

}

@media screen and (min-width: 1000px) and (max-width: 1537px)  {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

@font-face {
  font-family: "TwkLausanne-300";
  src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-400";
  src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-500";
  src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwkLausanne-600";
  src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "TwCenMT", sans-serif;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

.container {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

@-webkit-keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.padding-section {
  padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
}

.padding-top-section {
  padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
}

.cta-button-mobile {
  font-size: 10px;
}

.get-consultation-btn {
  position: relative;
  text-decoration: none;
  top: 100px;
  color: #000;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 34px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwCenMT", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
}

.get-consultation-btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn img {
  margin-left: 10px;
}

.overflow-hidden {
  overflow: hidden;
}

.abs {
  position: absolute;
}

@-webkit-keyframes mymove {
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes mymove {
  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes rotating-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotating-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.get-quote {
  background-color: #211819;
  color: #fff;
}

.get-quote__wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.get-quote__wrapper h3 {
  font-family: "TwkLausanne-600";
  font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
  line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
}

.get-quote__wrapper p {
  font-family: "TwkLausanne-300";
  line-height: 24px;
}

.get-quote a {
  background-color: #fff;
  color: #000;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  scroll-behavior: smooth;
}

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

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #000;
  font-family: "TwkLausanne-400", "Inter", sans-serif;
  font-optical-sizing: auto;
  font-family: 1rem;
  scroll-behavior: smooth;
}

header {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
  /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
  z-index: 10;
}

header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
}

header nav a {
  text-decoration: none;
  color: #18191f;
  cursor: pointer;
  font-family: "TwCenMT", sans-serif;
}

header nav .logo-wrapper {
  width: 250px;
}

header nav .logo-wrapper img {
  max-width: 156px;
  width: 100%;
}

@media (max-width: 1000px) {
  header nav .logo-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    margin-left: 15px;
  }
}

header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

header nav .menu-mobile-wrapper {
  display: none;
}

@media (max-width: 1000px) {
  header nav .menu-mobile-wrapper {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  header nav .menu-mobile-wrapper button {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
  }
}

header nav ul.menu li {
  padding-left: 10px;
  padding-right: 10px;
}

header nav ul.menu li.active a {
  font-family: "TwkLausanne-400";
}

header nav ul.menu li:last-child {
  display: none;
}

@media (max-width: 1000px) {
  header nav ul.menu li:last-child {
    display: block;
  }
}

header nav ul.menu .overlay-close {
  display: none;
}

@media (max-width: 1000px) {
  header nav ul.menu {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
      -webkit-transform 0.4s ease-in-out;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(54, 54, 54, 0.9);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }

  header nav ul.menu li a {
    color: #fff;
    font-size: 36px;
  }

  header nav ul.menu.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }

  header nav ul.menu.open .overlay-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(./assets/images/close.svg) no-repeat center center;
    text-indent: 200%;
    color: rgba(0, 0, 0, 0);
    outline: none;
    z-index: 100;
  }
}

header nav ul.contact {
  width: 250px;
  justify-content: end !important;
}

header nav ul.contact .cta-button {
  padding: 10px 20px;
}

@media (max-width: 450px) {
  header nav ul.contact .cta-button {
    font-size: 12px;
    padding: 10px 10px;
  }
}

@media (max-width: 1000px) {
  header nav ul.contact {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  header nav ul.contact li:first-child {
    display: none;
  }
}

.footer {
  background-color: #050505;
}

.footer__wrapper {
  color: #fff;
  display: grid;
  grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

@media (max-width: 56.24875em) {
  .footer__wrapper {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0px;
    grid-row-gap: 50px;
  }
}

.footer__wrapper > div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.footer__wrapper > div:nth-child(1) > img {
  max-width: 250px;
  width: 100%;
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}

.footer__wrapper > div:nth-child(1) p {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.footer__wrapper > div:nth-child(1) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.footer__wrapper > div:nth-child(1) ul li a {
  display: block;
  background-color: #1e1e1e;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 500px;
}

.footer__wrapper > div:nth-child(1) h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer__wrapper > div:nth-child(1) form {
  background-color: #373737;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 15px 5px 5px;
  border-radius: 8px;
}

.footer__wrapper > div:nth-child(1) form input {
  width: 100%;
  padding: 10px;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 14px;
  font-weight: 400;
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(1) form input::placeholder {
  color: #dadce2;
}

.footer__wrapper > div:nth-child(2),
.footer__wrapper > div:nth-child(3),
.footer__wrapper > div:nth-child(4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__wrapper > div:nth-child(2) h4,
.footer__wrapper > div:nth-child(3) h4,
.footer__wrapper > div:nth-child(4) h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer__wrapper > div:nth-child(2) ul,
.footer__wrapper > div:nth-child(3) ul,
.footer__wrapper > div:nth-child(4) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.footer__wrapper > div:nth-child(2) ul li a,
.footer__wrapper > div:nth-child(3) ul li a,
.footer__wrapper > div:nth-child(4) ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}

@media (max-width: 56.24875em) {
  .footer__wrapper > div:nth-child(4) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

.footer .copyright {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  line-height: 21px;
}

@media (max-width: 43.74875em) {
  .footer .copyright {
    margin-top: unset;
    padding: 20px 10px 70px 10px;
  }
}

.contact-form {
  display: none;
}

.contact-form.active {
  padding: 10px;
  position: fixed !important;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

.contact-form.active .outer-cont {
  background-color: #fff;
  max-width: 684px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
  border-radius: 20px;
  border: 1px solid #ddd;
  position: relative;
}

@media (max-width: 500px) {
  .contact-form.active .outer-cont {
    overflow: scroll;
    height: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.contact-form.active .outer-cont .inner-cont {
  width: 100%;
}

.contact-form.active .outer-cont .inner-cont h3 {
  color: #414042;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}

.contact-form.active .outer-cont .inner-cont p {
  color: #606060;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  max-width: 435px;
  width: 100%;
  margin-bottom: 39px;
}

.contact-form.active .outer-cont .inner-cont form#contactForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.contact-form.active .outer-cont .inner-cont form#contactForm label,
.contact-form.active .outer-cont .inner-cont form#contactForm input,
.contact-form.active .outer-cont .inner-cont form#contactForm textarea,
.contact-form.active .outer-cont .inner-cont form#contactForm button,
.contact-form.active .outer-cont .inner-cont form#contactForm select {
  width: 100%;
  outline: none;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec {
  width: 100%;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
  margin-bottom: 10px;
  display: block;
  color: #1d263a;
  font-family: Inter;
  font-size: 17px;
  font-weight: 600;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
.contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
.contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
  border-radius: 10px;
  background-color: rgba(224, 236, 240, 0.5);
  border: none;
  padding: 16px;
  color: #1d263a;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-webkit-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-webkit-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-webkit-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-moz-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-moz-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-moz-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input:-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea:-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select:-ms-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::-ms-input-placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::-ms-input-placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  input::placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  textarea::placeholder,
.contact-form.active
  .outer-cont
  .inner-cont
  form#contactForm
  .sec
  select::placeholder {
  color: rgba(29, 38, 58, 0.5);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: calc(100% - 16px);
}

.contact-form.active .outer-cont .inner-cont form#contactForm button {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 17px;
  font-weight: 500;
  padding: 14px;
  background-color: #e22828;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
}

.contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 56.24875em) {
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contact-form.active .outer-cont .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.contact-form.active .outer-cont #messageArea {
  margin-top: 10px;
}

.swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-container {
  position: relative;
  width: 100%;
  margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
  padding-top: 30px;
  min-height: calc(
    clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
      clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
  );
}

@media (max-width: 749px) {
  .swiper-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.swiper-container > .swiper-slide__content {
  position: absolute;
  top: 0;
}

.swiper-slide {
  border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
  overflow: hidden;
  height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
  display: flex;
  align-items: center;
  justify-content: center;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 200ms linear;
}

.swiper-slide.swiper-slide-active {
  height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
}

.swiper-slide__content {
  height: 300px;
}

ul.categ-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
}

ul.categ-cont li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
}

ul.categ-cont li span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

ul.categ-cont li span.red {
  background-color: #e22829;
}

ul.categ-cont li span.green {
  background-color: #64e228;
}

main {
  margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
}

main .hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.section-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  color: white;
  margin-bottom: 2rem;
}

main .hero-bg-video {
  position: absolute;
  top: 82px;
  left: 34px;
  height: 108%;
  width: 111%;
  object-fit: fill;
  z-index: -1;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 46px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

main .hero__wrapper div.cont .text-cont h1 {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 600px;
  margin-right: 500px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  line-height: 24px;
  font-size: 90px;

  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media (max-width: 750px) {
  .hero__wrapper {
    margin-top: 31px;
    padding: 0px 20px;
    padding-bottom: 139px;
  }

  main .hero__wrapper div.cont .text-cont h1 {
    font-size: clamp(4rem, 5vw, 3rem);
    margin-right: 0;
    max-width: 100%;
  }
  main .hero__wrapper div.cont .text-cont p,
  main .hero__wrapper div.cont .text-cont ul {
    max-width: 100%;
    margin: 0;
    padding: 0 0;
    box-sizing: border-box;
  }

  .hero {
    padding-left: 0;
  }
}

main .hero__wrapper div.cont .text-cont p {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 700px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  font-size: 24px;
  /* line-height: 24px; */

  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

main .hero__wrapper div.cont .text-cont ul {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: 400px;
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 200px;
}

@media (max-width: 750px) {
  main {
    overflow-x: hidden !important;
  }
}

@media (max-width: 750px) {
  main .hero {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 14px;
    width: 100vw;
    /* padding-left: 40px; */
    overflow: hidden;
  }

  main .hero__wrapper div.cont h1 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  main .hero__wrapper div.cont .text-cont {
    width: 100%;
    max-width: 100%;
    /* padding-right: 20px; optional */
    box-sizing: border-box;
  }

  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
    overflow-x: hidden;
  }

  main {
    overflow-x: hidden;
  }
}

main .hero__wrapper div.cont .text-cont .categ .circle::before {
  -webkit-animation: mymove 2s infinite;
  animation: mymove 2s infinite;
  position: absolute;
  background-color: #64e228;
}

main .hero__wrapper div.cont .text-cont h1 {
  margin-top: 23px;
  font-family: "TwkLausanne-500";
  font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
  line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
  letter-spacing: 1px;
  /* width: 832px; */
  width: 100%;
}

main .hero__wrapper div.cont .text-cont h1 span.icon {
  display: inline-block;
  width: 25px;
  height: 28.939px;
  background-image: url(./assets/images/bc-icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 10px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

main .hero__wrapper div.cont .text-cont h1 span.amazing {
  background: center 67%/227% url("./assets/images/roseate-04.jpeg");
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0, 0, 0, 0);
}

main .hero__wrapper div.cont .text-cont ul {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
  text-decoration: none;
  color: #fff;
  background-color: #2f44ff;
  /* width: -webkit-fit-content; */
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwkLausanne-600";
  font-size: 14px;
  cursor: pointer;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
  text-decoration: none;
  color: #fff;
  background-color: #2f44ff;

  /* width: -webkit-fit-content; */
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "TwkLausanne-600";
  font-size: 14px;
  cursor: pointer;
}

main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
  color: #fff;
  font-family: "TwkLausanne-300";
  text-decoration-line: underline;
} */

main .hero__wrapper div.cont .text-cont .rates {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

main .hero__wrapper div .text-cont .description {
  font-family: "TwCenMT", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 36px;
  /* padding: 0 8px; */
}

.description-styles {
  color: #000 !important;
  margin-top: 6px !important;
  /* font-size: clamp(16px, 2vw, 26px) !important; */
  line-height: 1.5 !important;
  margin-bottom: 25px !important;
}

main .hero__wrapper div .text-cont .title {
  font-family: "TwCenMT", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  width: 100%;
  margin-top: 27px;
  margin-bottom: 18px;
}

.hero-btn-styles {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero-btn-styles li a {
  display: inline-block;
  padding: 12px 24px;
  background: #2f44ff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition: background 0.3s ease;
}

@media (max-width: 768px) {
  .hero-btn-styles li a {
    padding: 12px 16px;
  }

  main .hero__wrapper div .text-cont .title {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .description-styles {
    color: #000 !important;
    margin-bottom: 27px !important;
  }

  .hero-btn-styles {
    flex-direction: row !important;
    justify-content: space-between;
  }
}

main .about {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
  text-align: center;
  padding-top: 80px;
  font-family: "TwCenMT", sans-serif;
  font-size: 40px;
  font-weight: 700;
  overflow: hidden;
}

main .about .container-about {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: "TwCenMT", sans-serif;
}

.view-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  width: 140px;
  font-family: "TwCenMT", sans-serif;
}

.arrow {
  width: 30px;
  height: auto;
  margin-left: 10px;
}

.about-cf-text {
  text-align: left;
  font-family: "TwCenMT", sans-serif;
  width: 580px;
  font-weight: 400;
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 60px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-admin-text {
  text-align: left;
  font-family: "TwCenMT", sans-serif;
  width: 580px;
  font-weight: 300;
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 60px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.highlighted__text {
  font-weight: 700;
}

.expertise-text {
  margin-top: 60px;
  font-weight: 400;
  font-size: 22px;
  font-family: "TwCenMT", sans-serif;
  line-height: 28px;
}

.cyber-fox-image {
  width: auto;
  height: 400px;
}

.admin-image {
  height: 500px;
  width: auto;
}

.admin-image-mobile {
  height: 400px;
}

main .about .container-about .container-about-first img {
  height: 400px;
  width: auto;
}

main .about .container-about .about-content-second img {
  height: 600px;
}

main .services {
  background-image: url("./assets/images/services_bg-compressed.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

main .services__wrapper--services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main .services__wrapper--services li {
  border-radius: 24px;
  padding-bottom: 20px;
  background: #f9f9f9;
  overflow: hidden;
  width: calc((100% - 20px) / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  main .services__wrapper--services li {
    width: calc((100% - 120px) / 5);
  }
}

@media (max-width: 56.24875em) {
  main .services__wrapper--services li {
    width: 22%;
  }
}

@media (max-width: 43.74875em) {
  main .services__wrapper--services li {
    width: 30%;
  }
}

@media (max-width: 560px) {
  main .services__wrapper--services li {
    width: 46%;
  }
}

main .services__wrapper--services li .img-cont {
  border-radius: 24px;
  width: 100%;
}

main .services__wrapper--services li .img-cont img {
  width: 100%;
  height: auto;
}

main .services .text-blockchain {
  max-width: 1152px;
  width: 100%;
  margin: 0 auto;
  font-style: normal;
  padding-left: 20px;
  padding-right: 20px;
}

main .services .text-blockchain h2 {
  font-family: "TwCenMT", sans-serif;
  line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
  font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
  text-align: center;
}

@media (max-width: 56.24875em) {
  main .services .text-blockchain h2 {
    text-align: left;
  }
}

main .services .text-blockchain h2 span.dmcc {
  font-family: "TwCenMT", sans-serif;
  font-weight: 500;
}

main .services .text-blockchain h2 span.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/images/bc-icon.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 5px;
  font-family: "TwCenMT", sans-serif;
}

main .services .text-blockchain h2 span.colored {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f5160f),
    to(#0e12e7)
  );
  background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  font-family: "TwCenMT", sans-serif;
}

main .services .text-blockchain h2 span.fade1 {
  color: #727272;
}

main .services .text-blockchain h2 span.fade2 {
  color: rgba(114, 114, 114, 0.45);
}

main .services .text-blockchain h2 span.fade3 {
  color: rgba(114, 114, 114, 0.45);
}

main .services .text-blockchain h2 span.fade4 {
  color: #e4e4e4;
}

main .value {
  padding-left: 10px;
  padding-right: 10px;
}

main .value__wrapper {
  background-color: #1a1a1a;
  max-width: 1412px;
  width: 100%;
  margin: 0 auto;
  border-radius: 36px;
  padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
}

main .value__wrapper--container {
  color: #ebebeb;
  text-align: center;
}

main .value__wrapper--container h2 {
  font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
  font-family: "TwCenMT", sans-serif;
}

main .value__wrapper--container .map {
  background-image: url(./assets/images/bg-map.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
  margin-top: 70px;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .map {
    background-position: top;
  }
}

main .value__wrapper--container .map .text-cont {
  text-align: center;
  color: #fff;
}

main .value__wrapper--container .map .text-cont img {
  width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
}

main .value__wrapper--container .map .text-cont p {
  font-family: "TwkLausanne-600";
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: 80px;
}

main .value__wrapper--container .map .text-cont span {
  margin-top: 27px;
  display: inline-block;
  max-width: 430px;
  line-height: 25px;
}

main .value__wrapper--container .map span[class*="float-"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
}

@media (max-width: 980px) {
  main .value__wrapper--container .map span[class*="float-"] {
    display: none;
  }
}

main .value__wrapper--container .map .float-1 {
  width: 51px;
  height: 51px;
  top: 103px;
  left: 213px;
  background-image: url(./assets/images/value/icon-1.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
}

main .value__wrapper--container .map .float-2 {
  width: 32px;
  height: 32px;
  bottom: 172px;
  left: 227px;
  background-image: url(./assets/images/value/icon-3.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

main .value__wrapper--container .map .float-3 {
  width: 32px;
  height: 32px;
  top: 20px;
  margin-right: -50px;
  background-image: url(./assets/images/value/icon-3.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
}

main .value__wrapper--container .map .float-4 {
  width: 32px;
  height: 32px;
  margin-right: -100px;
  background-image: url(./assets/images/value/icon-4.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

main .value__wrapper--container .map .float-5 {
  width: 32px;
  height: 32px;
  top: 137px;
  right: 227px;
  background-image: url(./assets/images/value/icon-2.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

main .value__wrapper--container .map .float-6 {
  width: 32px;
  height: 32px;
  bottom: 118px;
  right: 122px;
  background-image: url(./assets/images/value/icon-1.svg);
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
  animation: zoom-in-zoom-out 3s ease infinite;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

main .value__wrapper--container .development {
  margin-top: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .development {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
  }
}

main .value__wrapper--container .development > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  text-align: center;
}

main .value__wrapper--container .development > div p {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

main .value__wrapper--container .development > div span {
  line-height: 25px;
  letter-spacing: 1px;
  font-family: "TwkLausanne-300";
}

main .value__wrapper--container .development .cont-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
  text-align: center;
}

main .value__wrapper--container .development .cont-1 .one-zero {
  max-width: 368px;
  width: 100%;
  min-height: 385px;
  background-image: url(./assets/images/bg-one-zero.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .value__wrapper--container .development .cont-1 .one-zero img {
  -o-object-fit: cover;
  object-fit: cover;
}

main
  .value__wrapper--container
  .development
  .cont-1
  .one-zero
  img:nth-child(1) {
  width: 78px;
  height: 77px;
  margin-bottom: 33px;
}

main
  .value__wrapper--container
  .development
  .cont-1
  .one-zero
  img:nth-child(2) {
  width: 131px;
  margin-bottom: 65px;
  height: 129px;
}

main .value__wrapper--container .development .cont-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
}

main .value__wrapper--container .development .cont-2 img {
  max-width: 313px;
  width: 100%;
  margin-bottom: 25px;
}

main .value__wrapper--container .development .cont-2 p {
  margin-bottom: 27px;
}

main .value__wrapper--container .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
  margin-top: 115px;
}

@media (max-width: 56.24875em) {
  main .value__wrapper--container .category {
    margin-top: 70px;
  }
}

main .value__wrapper--container .category li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
  color: #000;
}

.value__footer-image {
  position: relative;
  left: 50%;
  bottom: -194px;
  transform: translateX(-50%);
  width: 100%;
  height: 615px;
  background-image: url("./assets/images/footer-banner-compressed.png");
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  z-index: 1;
}

.value__footer-image .overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 170px 20px;
  text-align: center;
  color: white;
  font-size: 1.25rem;
  line-height: 1.6;
  font-family: "TwkLausanne-300", sans-serif;
  background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
}

main .value h3 {
  max-width: 1090px;
  margin: 0 auto;
  font-family: "TwkLausanne-500";
  margin-top: 55px;
  color: #fff;
  text-align: center;
  font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
  line-height: normal;
  letter-spacing: 1px;
}

main .partners ul {
  display: grid;
  grid-template-columns: repeat(
    3,
    clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
  );
  grid-template-rows: 1fr;
  grid-column-gap: 77px;
  grid-row-gap: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 43.74875em) {
  main .partners ul {
    grid-template-columns: repeat(2, 150px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

main .partners ul li img {
  width: 100%;
}

main .blockchain-solutions {
  overflow: hidden;
}

main .blockchain-solutions__wrapper {
  text-align: center;
}

main .blockchain-solutions__wrapper span {
  border-radius: 16px;
  border: 1px solid #e7e7e7;
  padding: 7px 12px;
  background: #f9f9f9;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
}

main .blockchain-solutions__wrapper h2 {
  font-family: "TwCenMT", sans-serif;
  font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
  margin-top: 40px;
  font-weight: 600;
}

main .blockchain-solutions__wrapper p {
  max-width: 435px;
  width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 25px;
  max-width: 600px;
  font-family: "TwCenMT", sans-serif;
  line-height: 25px;
}

main .get-quote {
  background-color: #242424;
  background-image: url("./assets/images/get-quote-bg-compressed.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  z-index: 1;
}

main .get-quote__wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .get-quote__wrapper h3 {
  font-family: "TwkLausanne-600";
  font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
  line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
}

main .get-quote__wrapper p {
  font-family: "TwkLausanne-300";
  line-height: 24px;
}

main .get-quote a {
  background-color: #fff;
  color: #000;
}

main.inner-pages .inner-title {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
  margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
  margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
  max-width: 490px;
  width: 100%;
}

main.inner-pages .inner-header .inner-header-cont {
  padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
  padding-bottom: 5.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

main.inner-pages .inner-header .inner-header-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
  margin-top: 0.8125rem;
  font-family: "TwkLausanne-500";
  font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
  line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
  letter-spacing: 1px;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
  margin-top: 1.25rem;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
  margin-top: 1.8125rem;
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
  height: 19.0625rem;
  border-radius: 16px;
  background: #d9d9d9;
  overflow: hidden;
}

@media (max-width: 56.24875em) {
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    display: none;
  }
}

main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-1 .section-1-cont {
  background-color: #f5f7fa;
  padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
  border-radius: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-1 .section-1-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}

main.inner-pages .section-1 .section-1-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
  line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
  letter-spacing: 1px;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
  margin-top: 1.1875rem;
  color: #9ba3b2;
  font-family: "TwkLausanne-300";
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    margin-top: 25px;
  }
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 13px;
  border-radius: 100%;
  background-image: url(./assets/images/circle-check.svg);
}

main.inner-pages
  .section-1
  .section-1-cont
  .section-1-cont-left
  ul
  p:nth-child(2) {
  margin-top: 22px;
  font-family: "TwkLausanne-500";
}

main.inner-pages
  .section-1
  .section-1-cont
  .section-1-cont-left
  ul
  p:last-child {
  margin-top: 11px;
  color: #000;
  font-family: "TwkLausanne-300";
  line-height: 20px;
  letter-spacing: 1px;
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
  height: 19.0625rem;
  border-radius: 16px;
  background: #d9d9d9;
  overflow: hidden;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: unset;
    width: 75%;
  }
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    width: 100%;
  }
}

main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-2 {
  margin-bottom: 44px;
}

main.inner-pages .section-2 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 55px;
  grid-row-gap: 29px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-2 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-2 ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

main.inner-pages .section-2 ul li {
  border-radius: 12px;
  background: #f5f7fa;
  padding: 42px 24px 74px 24px;
}

main.inner-pages .section-2 ul li span {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(./assets/images/circle-check.svg);
  border-radius: 100%;
}

main.inner-pages .section-2 ul li p:nth-child(2) {
  font-family: "TwkLausanne-500";
  margin-top: 22px;
}

main.inner-pages .section-2 ul li p:nth-child(3) {
  margin-top: 22px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-2 ul li a {
  color: #000;
  text-decoration: none;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
  margin-top: 36px;
  display: inline-block;
}

main.inner-pages .section-3 {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 123px;
}

main.inner-pages .section-3 .section-3-cont {
  border-radius: 36px;
  background: #f5f7fa;
  padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-3 .section-3-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}

main.inner-pages .section-3 .section-3-cont > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
  margin-top: 21px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
  margin-top: 25px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 29px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
  border-radius: 16px;
  background: #d8e0eb;
  padding: 16px 27px;
}

main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 43.74875em) {
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title {
    display: grid;
    grid-template-columns: 16px 1fr 24px;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  span.icon-1 {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 100%;
  -ms-flex-item-align: self-start;
  align-self: self-start;
  margin-top: 5px;
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  .desc
  p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages
  .section-3
  .section-3-cont
  .section-3-cont-right
  ul
  li
  .title
  span.icon-2 {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(./assets/images/arrow-right-black.svg);
}

main.inner-pages .section-4 .section-4-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-4 .section-4-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
  border-radius: 12px;
  background: #f5f7fa;
  padding: 31px 40px 31px 24px;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
  background-image: url(./assets/images/circle-check.svg);
  width: 24px;
  height: 24px;
  display: block;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  > div
  p:nth-child(2) {
  font-family: "TwkLausanne-500";
  margin-top: 22px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  > div
  p:nth-child(3) {
  margin-top: 22px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-left
  div:last-child {
  margin-top: 16px;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  border-radius: 12px;
  background: #f5f7fa;
  padding: 31px;
  text-align: center;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
  height: 305px;
  overflow: hidden;
  max-width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 16px;
  background: #d9d9d9;
}

main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-right
  p:nth-child(2) {
  font-family: "TwkLausanne-500";
  font-size: 22px;
  margin-top: 21px;
}

main.inner-pages
  .section-4
  .section-4-cont
  .section-4-cont-right
  p:nth-child(3) {
  margin-top: 15px;
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main.inner-pages .section-5 .section-5-cont h3 {
  font-family: "TwkLausanne-500";
  font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
  line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
  letter-spacing: 1px;
}

main.inner-pages .section-5 .section-5-cont > p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
  max-width: 516px;
  width: 100%;
}

main.inner-pages .section-5 .section-5-cont ul {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

@media (max-width: 56.24875em) {
  main.inner-pages .section-5 .section-5-cont ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

main.inner-pages .section-5 .section-5-cont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

@media (max-width: 43.74875em) {
  main.inner-pages .section-5 .section-5-cont ul li {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
  }
}

main.inner-pages .section-5 .section-5-cont ul li span {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(./assets/images/circle-check.svg);
  -o-object-fit: cover;
  object-fit: cover;
}

main.inner-pages .section-5 .section-5-cont ul li p {
  font-family: "TwkLausanne-300";
  line-height: 25px;
  letter-spacing: 1px;
}

main section {
  padding-bottom: 158px;
}

@media (max-width: 768px) {
  main section {
    padding-bottom: 0px;
  }
}

.privacy-policy-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}

.privacy-policy-wrapper .container h2 {
  text-align: center;
  font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
  font-family: "TwkLausanne-600";
  line-height: normal;
  margin-bottom: 50px;
}

.privacy-policy-wrapper .container h3,
.privacy-policy-wrapper .container p,
.privacy-policy-wrapper .container li {
  margin-bottom: 25px;
}

.privacy-policy-wrapper .container h3 {
  font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
  font-style: normal;
  font-family: "TwkLausanne-600";
  line-height: 44px;
}

.privacy-policy-wrapper .container p,
.privacy-policy-wrapper .container li {
  line-height: 25px;
  letter-spacing: 1px;
  font-family: "TwkLausanne-300";
}

.privacy-policy-wrapper .container ul {
  list-style-type: disc;
  margin-left: 20px;
}

.privacy-policy-wrapper .container p span,
.privacy-policy-wrapper .container ul li strong {
  font-weight: bold;
}

@media (max-width: 750px) {
  .container-about {
    flex-direction: column !important;
    align-items: center;
    gap: 40px;
  }

  .about-cf-text,
  .about-admin-text {
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
    text-align: center;
  }

  .cyber-fox-image,
  .admin-image,
  .admin-image-mobile {
    width: 90%;
    height: auto;
  }

  .about-title h2 {
    font-size: 1.8rem;
  }

  .about-title h5 {
    font-size: 1rem;
    margin-top: 10px;
  }

  .expertise-text {
    font-size: 18px;
    padding: 0 20px;
    text-align: center;
  }

  .view-link {
    margin: 0 auto;
    justify-content: center;
  }
}

@media (max-width: 750px) {
  .about-title-h2 {
    color: #000;
  }
}

@media (max-width: 750px) {
  .value__footer-image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    height: auto !important;
    min-height: 500px;
  }

  .value__footer-image .overlay {
    padding: 20px 20px !important;
  }
}

.contract-form {
  background-color: #0a1833;
  padding: 30px 32px;
  width: 100%;
  flex: 1;
  min-width: 31%;
  /* max-width: 410px; */
  der-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding-right: 10;
}

.contract-form .group-cont {
  margin-bottom: 17px;
}

.contract-form .sec input,
.contract-form .sec textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #333;
  border-radius: 8px;
  color: #000;
  transition: all 0.3s ease;
}

.contract-form .sec input:focus,
.contract-form .sec textarea:focus {
  border-color: #2f44ff;
  outline: none;
}

.contract-form .sec input::placeholder,
.contract-form .sec textarea::placeholder {
  color: #666;
}

.contract-form button {
  width: 100%;
  padding: 0;
  background-color: #2f44ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.contract-form button:hover {
  background-color: #1f32e0;
  transform: translateY(-2px);
}

#messageArea {
  margin-top: 15px;
  text-align: center;
  color: #fff;
}

@media (max-width: 768px) {
  .contract-form {
    padding: 20px;
  }
}

.max-w-42 {
  max-width: 42rem;
  width: 100%;
}

/* .hero-styles {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1432px !important;
  margin: 0 auto;
  padding: 0px;
} */

.hero-styles {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
}

.hero-section {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  min-height: calc(100dvh - 68px) !important;
  height: 100% !important;
  padding: 0 10%;
  /* padding-right: 15%; */
}

@media (max-width: 768px) {
  .hero-styles {
    padding: 0 0px;
    gap: 8px;
  }

  .hero-section {
    min-height: calc(100dvh - 60px) !important;
    height: 100% !important;
  }
}

/* Hero background image styles */
.hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

@media (max-width: 768px) {
  .hero .cont {
    flex-direction: column;
  }

  .contract-form {
    margin-top: 15px;
    padding-top: 30px !important;
  }
}

/* Hero section button styles */
.hero .text-cont ul {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero .text-cont ul li {
  margin: 0;
  padding: 0;
}

.hero .text-cont ul li .btn {
  display: inline-block;
  width: auto;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .hero .cont {
    flex-direction: column;
  }

  .contract-form {
    margin-top: 15px;
    /*padding-top: 30px !important;*/
  }

  .hero .text-cont ul {
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }

  .hero .text-cont ul li {
    width: fit-content;
  }

  .hero .text-cont ul li .btn {
    width: 100%;
    text-align: center;
  }
}

.form-input-styles {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 22px;
  height: 70px;
}

.h3-styles {
  text-align: center;
  margin-bottom: 12px;
  font-size: 28px;
  font-weight: 700;
  margin-top: 0px;
}

.h6-styles {
  text-align: center;
  margin-bottom: 26px;
  font-weight: 400;
  font-size: 32px;
  margin-top: 0px;
}

.label-styles {
  display: block;
  font-size: 21px;
  display: block;
  color: #fff;
  margin-bottom: 4px;
  font-weight: 400;
  line-height: 36px;
}

.submit-btn-styles {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-weight: 400;
  padding: 14px;
  background-color: #2f44ff;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  height: 108px;
}

.trusted-text {
  text-align: center;
  margin-top: 26px;
  font-size: 26px;
  font-weight: 400;
  color: #fff;
}

.nav-styles {
  max-width: 100% !important;
  padding: 0 10%;
}

@media screen and (min-width: 2000px) and (max-width: 3841px) {
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }

  .aos-init {
    overflow: hidden !important;
}
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT, sans-serif";
    font-size: 24px;
}
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 85px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 31px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      overflow: hidden;
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      overflow-x: hidden;
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 12px 16px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 27px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 20px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      height: 100% !important;
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      padding-top: 30px !important;
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 32px;
    font-size: 59px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 48px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  
    main .hero__wrapper div .text-cont .title {
    font-size: 60px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 34px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 18px 27px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 29px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 53px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 82px;
  }
  
  .submit-btn-styles {
    height: 122px;
  }

  .text-cont.aos-init.aos-animate {
    max-width: 50% !important;
}
  
  
}

@media screen and (min-width: 1537px) and (max-width: 1921px) {

  main .hero__wrapper div .text-cont .title {
  font-size: 50px;
}

main .hero__wrapper div .text-cont .description{
  font-size: 27px;
}

.hero-btn-styles li a {
  display: inline-block;
  padding: 12px 24px;
  background: #2f44ff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition: background 0.3s ease;
  font-size: 26px;
}

.contract-form {
  background-color: #0a1833;
  padding: 72px 55px;
  padding-top: 72px;
  padding-bottom: 56px;
  width: 100%;
  flex: 1;
  max-width: 600px;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.trusted-text {
  text-align: center;
  margin-top: 43px;
  font-size: 23px;
  font-weight: 400;
  color: #fff;
}

.contract-form .group-cont {
  margin-bottom: 32px;
}

.form-input-styles{
  font-size: 22px;
  height: 68px;
}

.submit-btn-styles {
  height: 100px;
}

}

@media screen and (min-width: 1000px) and (max-width: 1537px) {

  main .hero__wrapper div .text-cont .title {
    font-size: 47px;
}

main .hero__wrapper div .text-cont .description {
  font-size: 22px;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-right: 4%;
}


.submit-btn-styles {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 17px;
  font-weight: 400;
  padding: 14px;
  background-color: #2f44ff;
  outline: none;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  height: 57px;
}

.trusted-text {
  text-align: center;
  margin-top: 26px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}


.form-input-styles {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 22px;
  height: 41px;
}

.h6-styles {
  text-align: center;
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 7px;
}

}

@media screen and (min-width: 1000px) and (max-width: 1441px) {

  main .hero__wrapper div .text-cont .description {
    font-size: 21px;
}

  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 18px;
}

  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 46px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

  .form-input-styles {
    height: 50px;
  }

  .label-styles {
    font-size: 18px;
  }

  .contract-form button {
    padding: 4px;
  }

  .submit-btn-styles {
    font-size: 24px;
    height: 44px;
  }

  .trusted-text {
    font-size: 17px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1367px) {
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 0px;
}

main .hero__wrapper div .text-cont .description {
    font-size: 20px;
  }

 .h3-styles {
    text-align: center;
    margin-bottom: 6px;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0px;
 }

}

@media screen and (min-width: 1000px) and (max-width: 1281px) {

  main .hero__wrapper div .text-cont .description {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 40px !important;
}

  .trusted-text {
    font-size: 14px;
}

  main .hero__wrapper div .text-cont .title {
    font-size: 34px;
}

main .hero__wrapper div .text-cont .description {
  font-size: 18px;
}

  .h3-styles {
    font-size: 28px;
  }

  .h6-styles {
    font-size: 24px;
  }

  .submit-btn-styles {
    font-size: 16px;
    height: 44px;
  }
}

@media screen and (max-width: 768px) {

  a.btn.cta-button-mobile {
    background: black;
    font-size: 16px;
    padding: 8px 10px;
    border-radius: 4px;
}

header nav a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  font-family: "TwkLausanne-300";
}

p.title{
color: #000;
font-size: clamp(21px, 5vw, 45px) !important;
line-height: 1.2;
font-weight: 700;
}

main .hero__wrapper div .text-cont .description {
  font-family: "TwCenMT", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 36px;
  /* padding: 0 8px; */
}

  .hero-section {
    padding: 0px;
  }

  .nav-styles {
    padding: 0px 20px;
  }

  .form-input-styles {
    font-size: 14px;
    height: 45px;
  }

  .h3-styles {
    text-align: center;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
  }

  .h6-styles {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
  }

  .label-styles {
    display: block;
    margin-bottom: 1px;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
  }

  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 22px;
    font-weight: 500;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 76px;
  }

  .trusted-text {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
  }
}

@media screen and (max-width: 385px){
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(2.7rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
  }
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 156px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 10px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      /* overflow: hidden; */
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      /* overflow-x: hidden; */
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 9px 11px;
      font-size: 14px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 15px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 10px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 15px 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      /* height: calc(100dvh - 60px) !important; */
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /* padding-top: 15px !important; */
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 26px;
    font-size: 36px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  @media screen and (min-width: 2000px) and (max-width: 3841px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT, sans-serif";
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 85px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 32px;
      font-size: 59px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 32px;
      font-weight: 400;
      font-size: 48px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 34px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 53px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 82px;
    }
    
    .submit-btn-styles {
      height: 122px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 1537px) and (max-width: 1921px) {
  
    main .hero__wrapper div .text-cont .title {
    font-size: 50px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 27px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 26px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 32px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 68px;
  }
  
  .submit-btn-styles {
    height: 100px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1537px) {
  
    main .hero__wrapper div .text-cont .title {
      font-size: 40px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 22px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 75px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
  }
  
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 60px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 18px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1441px) {
  
    main .hero__wrapper div .text-cont .description {
      font-size: 21px;
  }
  
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 18px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
    .form-input-styles {
      height: 50px;
    }
  
    .label-styles {
      font-size: 18px;
    }
  
    .contract-form button {
      padding: 4px;
    }
  
    .submit-btn-styles {
      font-size: 24px;
      height: 44px;
    }
  
    .trusted-text {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1367px) {
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 0px;
  }
  
  main .hero__wrapper div .text-cont .description {
      font-size: 20px;
    }
  
   .h3-styles {
      text-align: center;
      margin-bottom: 6px;
      font-size: 35px;
      font-weight: 700;
      margin-top: 0px;
   }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1281px) {
  
    main .hero__wrapper div .text-cont .description {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 40px !important;
  }
  
    .trusted-text {
      font-size: 14px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-size: 34px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 18px;
  }
  
    .h3-styles {
      font-size: 28px;
    }
  
    .h6-styles {
      font-size: 24px;
    }
  
    .submit-btn-styles {
      font-size: 16px;
      height: 44px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    a.btn.cta-button-mobile {
      background: black;
      font-size: 16px;
      padding: 8px 10px;
      border-radius: 4px;
  }
  
  header nav a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: "TwkLausanne-300";
  }
  
  p.title{
  color: #000;
  font-size: clamp(21px, 5vw, 45px) !important;
  line-height: 1.2;
  font-weight: 700;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
    .hero-section {
      padding: 0px;
    }
  
    .nav-styles {
      padding: 0px 20px;
    }
  
    .form-input-styles {
      font-size: 14px;
      height: 38px;
    }
  
    .h3-styles {
      text-align: center;
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 600;
    }
  
    .h6-styles {
      text-align: center;
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 16px;
    }
  
    .label-styles {
      display: block;
      margin-bottom: 0px;
      font-size: 15px;
      font-weight: 400;
      line-height: 18px;
    }
  
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 15px;
      font-weight: 500;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 52px;
    }
  
    .trusted-text {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
    }
  }
  
  
  
  img.hero-bg-video {
      position: absolute;
      top: 39px;
      /* left: 132px; */
      width: 100%;
      height: 85%;
      object-fit: fill;
      z-index: -1;
      /* width: 176%; */
      /* height: 178%; */
      overflow-clip-margin: unset;
      overflow: unset;
  }
}
}

@media screen and (min-width: 1000px) and (max-width: 1441px) {

  main .hero__wrapper div .text-cont .description {
    font-size: 21px;
}

  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 18px;
}

  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 46px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

  .form-input-styles {
    height: 50px;
  }

  .label-styles {
    font-size: 18px;
  }

  .contract-form button {
    padding: 4px;
  }

  .submit-btn-styles {
    font-size: 24px;
    height: 44px;
  }

  .trusted-text {
    font-size: 17px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1367px) {
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 0px;
}

main .hero__wrapper div .text-cont .description {
    font-size: 20px;
  }

 .h3-styles {
    text-align: center;
    margin-bottom: 6px;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0px;
 }

}

@media screen and (min-width: 1000px) and (max-width: 1281px) {

  main .hero__wrapper div .text-cont .description {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 40px !important;
}

  .trusted-text {
    font-size: 14px;
}

  main .hero__wrapper div .text-cont .title {
    font-size: 34px;
}

main .hero__wrapper div .text-cont .description {
  font-size: 18px;
}

  .h3-styles {
    font-size: 28px;
  }

  .h6-styles {
    font-size: 24px;
  }

  .submit-btn-styles {
    font-size: 16px;
    height: 44px;
  }
}

@media screen and (max-width: 768px) {

  a.btn.cta-button-mobile {
    background: black;
    font-size: 16px;
    padding: 8px 10px;
    border-radius: 4px;
}

header nav a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  font-family: "TwkLausanne-300";
}

p.title{
color: #000;
font-size: clamp(21px, 5vw, 45px) !important;
line-height: 1.2;
font-weight: 700;
}

main .hero__wrapper div .text-cont .description {
  font-family: "TwCenMT", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 36px;
  /* padding: 0 8px; */
}

  .hero-section {
    padding: 0px;
  }

  .nav-styles {
    padding: 0px 20px;
  }

  .form-input-styles {
    font-size: 14px;
    height: 45px;
  }

  .h3-styles {
    text-align: center;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
  }

  .h6-styles {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
  }

  .label-styles {
    display: block;
    margin-bottom: 1px;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
  }

  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 22px;
    font-weight: 500;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 76px;
  }

  .trusted-text {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
  }
}

@media screen and (max-width: 385px){
  @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

  @font-face {
    font-family: "TwkLausanne-300";
    src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-400";
    src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-500";
    src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "TwkLausanne-600";
    src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "TwCenMT", sans-serif;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  @-webkit-keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  
  .padding-section {
    padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
  }
  
  .padding-top-section {
    padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
  }
  
  .cta-button-mobile {
    font-size: 10px;
  }
  
  .get-consultation-btn {
    position: relative;
    text-decoration: none;
    top: 100px;
    color: #000;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 34px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwCenMT", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
  }
  
  .get-consultation-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .btn img {
    margin-left: 10px;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .abs {
    position: absolute;
  }
  
  @-webkit-keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes mymove {
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes rotating-right {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .get-quote {
    background-color: #211819;
    color: #fff;
  }
  
  .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-family: "TwkLausanne-400", "Inter", sans-serif;
    font-optical-sizing: auto;
    font-family: 1rem;
    scroll-behavior: smooth;
  }
  
  header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
    z-index: 10;
  }
  
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(2.7rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  header nav a {
    text-decoration: none;
    color: #18191f;
    cursor: pointer;
    font-family: "TwCenMT", sans-serif;
  }
  
  header nav .logo-wrapper {
    width: 250px;
  }
  
  header nav .logo-wrapper img {
    max-width: 156px;
    width: 100%;
  }
  
  @media (max-width: 1000px) {
    header nav .logo-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
      margin-left: 15px;
    }
  }
  
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  header nav .menu-mobile-wrapper {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav .menu-mobile-wrapper {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  
    header nav .menu-mobile-wrapper button {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0);
      border: none;
    }
  }
  
  header nav ul.menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header nav ul.menu li.active a {
    font-family: "TwkLausanne-400";
  }
  
  header nav ul.menu li:last-child {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu li:last-child {
      display: block;
    }
  }
  
  header nav ul.menu .overlay-close {
    display: none;
  }
  
  @media (max-width: 1000px) {
    header nav ul.menu {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
      transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
        -webkit-transform 0.4s ease-in-out;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(54, 54, 54, 0.9);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  
    header nav ul.menu li a {
      color: #fff;
      font-size: 36px;
    }
  
    header nav ul.menu.open {
      visibility: visible;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      transition: -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
  
    header nav ul.menu.open .overlay-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 20px;
      overflow: hidden;
      border: none;
      background: url(./assets/images/close.svg) no-repeat center center;
      text-indent: 200%;
      color: rgba(0, 0, 0, 0);
      outline: none;
      z-index: 100;
    }
  }
  
  header nav ul.contact {
    width: 250px;
    justify-content: end !important;
  }
  
  header nav ul.contact .cta-button {
    padding: 10px 20px;
  }
  
  @media (max-width: 450px) {
    header nav ul.contact .cta-button {
      font-size: 12px;
      padding: 10px 10px;
    }
  }
  
  @media (max-width: 1000px) {
    header nav ul.contact {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    header nav ul.contact li:first-child {
      display: none;
    }
  }
  
  .footer {
    background-color: #050505;
  }
  
  .footer__wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper {
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 0px;
      grid-row-gap: 50px;
    }
  }
  
  .footer__wrapper > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .footer__wrapper > div:nth-child(1) > img {
    max-width: 250px;
    width: 100%;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(1) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  
  .footer__wrapper > div:nth-child(1) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .footer__wrapper > div:nth-child(1) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
  
  .footer__wrapper > div:nth-child(1) ul li a {
    display: block;
    background-color: #1e1e1e;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 500px;
  }
  
  .footer__wrapper > div:nth-child(1) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(1) form {
    background-color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 8px;
  }
  
  .footer__wrapper > div:nth-child(1) form input {
    width: 100%;
    padding: 10px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(1) form input::placeholder {
    color: #dadce2;
  }
  
  .footer__wrapper > div:nth-child(2),
  .footer__wrapper > div:nth-child(3),
  .footer__wrapper > div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .footer__wrapper > div:nth-child(2) h4,
  .footer__wrapper > div:nth-child(3) h4,
  .footer__wrapper > div:nth-child(4) h4 {
    font-size: 20px;
    font-weight: 600;
  }
  
  .footer__wrapper > div:nth-child(2) ul,
  .footer__wrapper > div:nth-child(3) ul,
  .footer__wrapper > div:nth-child(4) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer__wrapper > div:nth-child(2) ul li a,
  .footer__wrapper > div:nth-child(3) ul li a,
  .footer__wrapper > div:nth-child(4) ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 2/3;
    }
  }
  
  @media (max-width: 56.24875em) {
    .footer__wrapper > div:nth-child(4) {
      grid-column: 1/3;
      grid-row: 1/2;
    }
  }
  
  .footer .copyright {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    line-height: 21px;
  }
  
  @media (max-width: 43.74875em) {
    .footer .copyright {
      margin-top: unset;
      padding: 20px 10px 70px 10px;
    }
  }
  
  .contact-form {
    display: none;
  }
  
  .contact-form.active {
    padding: 10px;
    position: fixed !important;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  
  .contact-form.active .outer-cont {
    background-color: #fff;
    max-width: 684px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .contact-form.active .outer-cont {
      overflow: scroll;
      height: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  
  .contact-form.active .outer-cont .inner-cont {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont h3 {
    color: #414042;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
  }
  
  .contact-form.active .outer-cont .inner-cont p {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 435px;
    width: 100%;
    margin-bottom: 39px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm label,
  .contact-form.active .outer-cont .inner-cont form#contactForm input,
  .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm button,
  .contact-form.active .outer-cont .inner-cont form#contactForm select {
    width: 100%;
    outline: none;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
    width: 100%;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
    margin-bottom: 10px;
    display: block;
    color: #1d263a;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    border-radius: 10px;
    background-color: rgba(224, 236, 240, 0.5);
    border: none;
    padding: 16px;
    color: #1d263a;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-webkit-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-webkit-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-moz-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-moz-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea:-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select:-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::-ms-input-placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::-ms-input-placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    input::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    textarea::placeholder,
  .contact-form.active
    .outer-cont
    .inner-cont
    form#contactForm
    .sec
    select::placeholder {
    color: rgba(29, 38, 58, 0.5);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm button {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-weight: 500;
    padding: 14px;
    background-color: #e22828;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 56.24875em) {
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .contact-form.active .outer-cont .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  
  .contact-form.active .outer-cont #messageArea {
    margin-top: 10px;
  }
  
  .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
    padding-top: 30px;
    min-height: calc(
      clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
        clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
    );
  }
  
  @media (max-width: 749px) {
    .swiper-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .swiper-container > .swiper-slide__content {
    position: absolute;
    top: 0;
  }
  
  .swiper-slide {
    border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
    overflow: hidden;
    height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
    display: flex;
    align-items: center;
    justify-content: center;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 200ms linear;
  }
  
  .swiper-slide.swiper-slide-active {
    height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
  }
  
  .swiper-slide__content {
    height: 300px;
  }
  
  ul.categ-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
  }
  
  ul.categ-cont li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
  }
  
  ul.categ-cont li span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
  
  ul.categ-cont li span.red {
    background-color: #e22829;
  }
  
  ul.categ-cont li span.green {
    background-color: #64e228;
  }
  
  main {
    margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
  }
  
  main .hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  
  .section-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
  }
  
  main .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 600px;
    margin-right: 500px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 90px;
  
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media (max-width: 750px) {
    .hero__wrapper {
      margin-top: 10px;
      padding: 0px 20px;
      padding-bottom: 139px;
    }
  
    main .hero__wrapper div.cont .text-cont h1 {
      font-size: clamp(4rem, 5vw, 3rem);
      margin-right: 0;
      max-width: 100%;
    }
    main .hero__wrapper div.cont .text-cont p,
    main .hero__wrapper div.cont .text-cont ul {
      max-width: 100%;
      margin: 0;
      padding: 0 0;
      box-sizing: border-box;
    }
  
    .hero {
      padding-left: 0;
    }
  }
  
  main .hero__wrapper div.cont .text-cont p {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 700px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 24px;
    /* line-height: 24px; */
  
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: 400px;
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 200px;
  }
  
  @media (max-width: 750px) {
    main {
      overflow-x: hidden !important;
    }
  }
  
  @media (max-width: 750px) {
    main .hero {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 14px;
      width: 100vw;
      /* padding-left: 40px; */
      /* overflow: hidden; */
    }
  
    main .hero__wrapper div.cont h1 {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
  
    main .hero__wrapper div.cont .text-cont {
      width: 100%;
      max-width: 100%;
      /* padding-right: 20px; optional */
      box-sizing: border-box;
    }
  
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
      /* overflow-x: hidden; */
    }
  
    main {
      overflow-x: hidden;
    }
  }
  
  main .hero__wrapper div.cont .text-cont .categ .circle::before {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #64e228;
  }
  
  main .hero__wrapper div.cont .text-cont h1 {
    margin-top: 23px;
    font-family: "TwkLausanne-500";
    font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
    line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
    letter-spacing: 1px;
    /* width: 832px; */
    width: 100%;
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.icon {
    display: inline-block;
    width: 25px;
    height: 28.939px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  
  main .hero__wrapper div.cont .text-cont h1 span.amazing {
    background: center 67%/227% url("./assets/images/roseate-04.jpeg");
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
  
  main .hero__wrapper div.cont .text-cont ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    background-color: #2f44ff;
  
    /* width: -webkit-fit-content; */
    /* width: -moz-fit-content; */
    /* width: fit-content; */
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "TwkLausanne-600";
    font-size: 14px;
    cursor: pointer;
  }
  
  main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
    color: #fff;
    font-family: "TwkLausanne-300";
    text-decoration-line: underline;
  } */
  
  main .hero__wrapper div.cont .text-cont .rates {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
  .description-styles {
    color: #000 !important;
    margin-top: 6px !important;
    /* font-size: clamp(16px, 2vw, 26px) !important; */
    line-height: 1.5 !important;
    margin-bottom: 50px !important;
  }
  
  main .hero__wrapper div .text-cont .title {
    font-family: "TwCenMT", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 18px;
  }
  
  .hero-btn-styles {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  @media (max-width: 768px) {
    .hero-btn-styles li a {
      padding: 9px 11px;
      font-size: 14px;
    }
  
    main .hero__wrapper div .text-cont .title {
      margin-top: 0px;
      margin-bottom: 10px;
    }
  
    .description-styles {
      color: #000 !important;
      margin-bottom: 15px !important;
    }
  
    .hero-btn-styles {
      flex-direction: row !important;
      justify-content: space-between;
    }
  }
  
  main .about {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-family: "TwCenMT", sans-serif;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
  }
  
  main .about .container-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "TwCenMT", sans-serif;
  }
  
  .view-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    width: 140px;
    font-family: "TwCenMT", sans-serif;
  }
  
  .arrow {
    width: 30px;
    height: auto;
    margin-left: 10px;
  }
  
  .about-cf-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .about-admin-text {
    text-align: left;
    font-family: "TwCenMT", sans-serif;
    width: 580px;
    font-weight: 300;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 60px;
  
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .highlighted__text {
    font-weight: 700;
  }
  
  .expertise-text {
    margin-top: 60px;
    font-weight: 400;
    font-size: 22px;
    font-family: "TwCenMT", sans-serif;
    line-height: 28px;
  }
  
  .cyber-fox-image {
    width: auto;
    height: 400px;
  }
  
  .admin-image {
    height: 500px;
    width: auto;
  }
  
  .admin-image-mobile {
    height: 400px;
  }
  
  main .about .container-about .container-about-first img {
    height: 400px;
    width: auto;
  }
  
  main .about .container-about .about-content-second img {
    height: 600px;
  }
  
  main .services {
    background-image: url("./assets/images/services_bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  main .services__wrapper--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  main .services__wrapper--services li {
    border-radius: 24px;
    padding-bottom: 20px;
    background: #f9f9f9;
    overflow: hidden;
    width: calc((100% - 20px) / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    margin-top: 20px;
  }
  
  @media (max-width: 1024px) {
    main .services__wrapper--services li {
      width: calc((100% - 120px) / 5);
    }
  }
  
  @media (max-width: 56.24875em) {
    main .services__wrapper--services li {
      width: 22%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main .services__wrapper--services li {
      width: 30%;
    }
  }
  
  @media (max-width: 560px) {
    main .services__wrapper--services li {
      width: 46%;
    }
  }
  
  main .services__wrapper--services li .img-cont {
    border-radius: 24px;
    width: 100%;
  }
  
  main .services__wrapper--services li .img-cont img {
    width: 100%;
    height: auto;
  }
  
  main .services .text-blockchain {
    max-width: 1152px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  main .services .text-blockchain h2 {
    font-family: "TwCenMT", sans-serif;
    line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
    font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
    text-align: center;
  }
  
  @media (max-width: 56.24875em) {
    main .services .text-blockchain h2 {
      text-align: left;
    }
  }
  
  main .services .text-blockchain h2 span.dmcc {
    font-family: "TwCenMT", sans-serif;
    font-weight: 500;
  }
  
  main .services .text-blockchain h2 span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./assets/images/bc-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px;
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.colored {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#f5160f),
      to(#0e12e7)
    );
    background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .services .text-blockchain h2 span.fade1 {
    color: #727272;
  }
  
  main .services .text-blockchain h2 span.fade2 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade3 {
    color: rgba(114, 114, 114, 0.45);
  }
  
  main .services .text-blockchain h2 span.fade4 {
    color: #e4e4e4;
  }
  
  main .value {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  main .value__wrapper {
    background-color: #1a1a1a;
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
  }
  
  main .value__wrapper--container {
    color: #ebebeb;
    text-align: center;
  }
  
  main .value__wrapper--container h2 {
    font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
    font-family: "TwCenMT", sans-serif;
  }
  
  main .value__wrapper--container .map {
    background-image: url(./assets/images/bg-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
    margin-top: 70px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .map {
      background-position: top;
    }
  }
  
  main .value__wrapper--container .map .text-cont {
    text-align: center;
    color: #fff;
  }
  
  main .value__wrapper--container .map .text-cont img {
    width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
  }
  
  main .value__wrapper--container .map .text-cont p {
    font-family: "TwkLausanne-600";
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 80px;
  }
  
  main .value__wrapper--container .map .text-cont span {
    margin-top: 27px;
    display: inline-block;
    max-width: 430px;
    line-height: 25px;
  }
  
  main .value__wrapper--container .map span[class*="float-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
  }
  
  @media (max-width: 980px) {
    main .value__wrapper--container .map span[class*="float-"] {
      display: none;
    }
  }
  
  main .value__wrapper--container .map .float-1 {
    width: 51px;
    height: 51px;
    top: 103px;
    left: 213px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-2 {
    width: 32px;
    height: 32px;
    bottom: 172px;
    left: 227px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  main .value__wrapper--container .map .float-3 {
    width: 32px;
    height: 32px;
    top: 20px;
    margin-right: -50px;
    background-image: url(./assets/images/value/icon-3.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
  }
  
  main .value__wrapper--container .map .float-4 {
    width: 32px;
    height: 32px;
    margin-right: -100px;
    background-image: url(./assets/images/value/icon-4.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
  }
  
  main .value__wrapper--container .map .float-5 {
    width: 32px;
    height: 32px;
    top: 137px;
    right: 227px;
    background-image: url(./assets/images/value/icon-2.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  main .value__wrapper--container .map .float-6 {
    width: 32px;
    height: 32px;
    bottom: 118px;
    right: 122px;
    background-image: url(./assets/images/value/icon-1.svg);
    -webkit-animation: zoom-in-zoom-out 3s ease infinite;
    animation: zoom-in-zoom-out 3s ease infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  
  main .value__wrapper--container .development {
    margin-top: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .development {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
    }
  }
  
  main .value__wrapper--container .development > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    text-align: center;
  }
  
  main .value__wrapper--container .development > div p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  main .value__wrapper--container .development > div span {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  main .value__wrapper--container .development .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    text-align: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero {
    max-width: 368px;
    width: 100%;
    min-height: 385px;
    background-image: url(./assets/images/bg-one-zero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .value__wrapper--container .development .cont-1 .one-zero img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(1) {
    width: 78px;
    height: 77px;
    margin-bottom: 33px;
  }
  
  main
    .value__wrapper--container
    .development
    .cont-1
    .one-zero
    img:nth-child(2) {
    width: 131px;
    margin-bottom: 65px;
    height: 129px;
  }
  
  main .value__wrapper--container .development .cont-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
  }
  
  main .value__wrapper--container .development .cont-2 img {
    max-width: 313px;
    width: 100%;
    margin-bottom: 25px;
  }
  
  main .value__wrapper--container .development .cont-2 p {
    margin-bottom: 27px;
  }
  
  main .value__wrapper--container .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    margin-top: 115px;
  }
  
  @media (max-width: 56.24875em) {
    main .value__wrapper--container .category {
      margin-top: 70px;
    }
  }
  
  main .value__wrapper--container .category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    color: #000;
  }
  
  .value__footer-image {
    position: relative;
    left: 50%;
    bottom: -194px;
    transform: translateX(-50%);
    width: 100%;
    height: 615px;
    background-image: url("./assets/images/footer-banner-compressed.png");
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    z-index: 1;
  }
  
  .value__footer-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 170px 20px;
    text-align: center;
    color: white;
    font-size: 1.25rem;
    line-height: 1.6;
    font-family: "TwkLausanne-300", sans-serif;
    background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
  }
  
  main .value h3 {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "TwkLausanne-500";
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
    line-height: normal;
    letter-spacing: 1px;
  }
  
  main .partners ul {
    display: grid;
    grid-template-columns: repeat(
      3,
      clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
    );
    grid-template-rows: 1fr;
    grid-column-gap: 77px;
    grid-row-gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main .partners ul {
      grid-template-columns: repeat(2, 150px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  }
  
  main .partners ul li img {
    width: 100%;
  }
  
  main .blockchain-solutions {
    overflow: hidden;
  }
  
  main .blockchain-solutions__wrapper {
    text-align: center;
  }
  
  main .blockchain-solutions__wrapper span {
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    padding: 7px 12px;
    background: #f9f9f9;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
  }
  
  main .blockchain-solutions__wrapper h2 {
    font-family: "TwCenMT", sans-serif;
    font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
    margin-top: 40px;
    font-weight: 600;
  }
  
  main .blockchain-solutions__wrapper p {
    max-width: 435px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
    font-family: "TwCenMT", sans-serif;
    line-height: 25px;
  }
  
  main .get-quote {
    background-color: #242424;
    background-image: url("./assets/images/get-quote-bg-compressed.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  
  main .get-quote__wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  main .get-quote__wrapper h3 {
    font-family: "TwkLausanne-600";
    font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
    line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
  }
  
  main .get-quote__wrapper p {
    font-family: "TwkLausanne-300";
    line-height: 24px;
  }
  
  main .get-quote a {
    background-color: #fff;
    color: #000;
  }
  
  main.inner-pages .inner-title {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
    margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
    margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
    max-width: 490px;
    width: 100%;
  }
  
  main.inner-pages .inner-header .inner-header-cont {
    padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
    padding-bottom: 5.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  main.inner-pages .inner-header .inner-header-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
    margin-top: 0.8125rem;
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
    margin-top: 1.25rem;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
    margin-top: 1.8125rem;
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      display: none;
    }
  }
  
  main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-1 .section-1-cont {
    background-color: #f5f7fa;
    padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
    line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
    margin-top: 1.1875rem;
    color: #9ba3b2;
    font-family: "TwkLausanne-300";
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
      margin-top: 25px;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    border-radius: 100%;
    background-image: url(./assets/images/circle-check.svg);
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:nth-child(2) {
    margin-top: 22px;
    font-family: "TwkLausanne-500";
  }
  
  main.inner-pages
    .section-1
    .section-1-cont
    .section-1-cont-left
    ul
    p:last-child {
    margin-top: 11px;
    color: #000;
    font-family: "TwkLausanne-300";
    line-height: 20px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
    height: 19.0625rem;
    border-radius: 16px;
    background: #d9d9d9;
    overflow: hidden;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: unset;
      width: 75%;
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      width: 100%;
    }
  }
  
  main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-2 {
    margin-bottom: 44px;
  }
  
  main.inner-pages .section-2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 55px;
    grid-row-gap: 29px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-2 ul {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  main.inner-pages .section-2 ul li {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 42px 24px 74px 24px;
  }
  
  main.inner-pages .section-2 ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    border-radius: 100%;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages .section-2 ul li p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-2 ul li a {
    color: #000;
    text-decoration: none;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: inline-block;
  }
  
  main.inner-pages .section-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 123px;
  }
  
  main.inner-pages .section-3 .section-3-cont {
    border-radius: 36px;
    background: #f5f7fa;
    padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-3 .section-3-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 50px;
    }
  }
  
  main.inner-pages .section-3 .section-3-cont > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
    margin-top: 21px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
    margin-top: 25px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 29px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
    border-radius: 16px;
    background: #d8e0eb;
    padding: 16px 27px;
  }
  
  main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title {
      display: grid;
      grid-template-columns: 16px 1fr 24px;
      grid-template-rows: 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 5px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    .desc
    p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-3
    .section-3-cont
    .section-3-cont-right
    ul
    li
    .title
    span.icon-2 {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(./assets/images/arrow-right-black.svg);
  }
  
  main.inner-pages .section-4 .section-4-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-4 .section-4-cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px 40px 31px 24px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
    background-image: url(./assets/images/circle-check.svg);
    width: 24px;
    height: 24px;
    display: block;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    margin-top: 22px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    > div
    p:nth-child(3) {
    margin-top: 22px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-left
    div:last-child {
    margin-top: 16px;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-radius: 12px;
    background: #f5f7fa;
    padding: 31px;
    text-align: center;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
    height: 305px;
    overflow: hidden;
    max-width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 16px;
    background: #d9d9d9;
  }
  
  main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(2) {
    font-family: "TwkLausanne-500";
    font-size: 22px;
    margin-top: 21px;
  }
  
  main.inner-pages
    .section-4
    .section-4-cont
    .section-4-cont-right
    p:nth-child(3) {
    margin-top: 15px;
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont h3 {
    font-family: "TwkLausanne-500";
    font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
    line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
    letter-spacing: 1px;
  }
  
  main.inner-pages .section-5 .section-5-cont > p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
    max-width: 516px;
    width: 100%;
  }
  
  main.inner-pages .section-5 .section-5-cont ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  @media (max-width: 56.24875em) {
    main.inner-pages .section-5 .section-5-cont ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  
  @media (max-width: 43.74875em) {
    main.inner-pages .section-5 .section-5-cont ul li {
      display: grid;
      grid-template-columns: 24px 1fr;
      grid-template-rows: 1fr;
      grid-column-gap: 15px;
      grid-row-gap: 0px;
    }
  }
  
  main.inner-pages .section-5 .section-5-cont ul li span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/images/circle-check.svg);
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  main.inner-pages .section-5 .section-5-cont ul li p {
    font-family: "TwkLausanne-300";
    line-height: 25px;
    letter-spacing: 1px;
  }
  
  main section {
    padding-bottom: 158px;
  }
  
  @media (max-width: 768px) {
    main section {
      padding-bottom: 0px;
    }
  }
  
  .privacy-policy-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h2 {
    text-align: center;
    font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
    font-family: "TwkLausanne-600";
    line-height: normal;
    margin-bottom: 50px;
  }
  
  .privacy-policy-wrapper .container h3,
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    margin-bottom: 25px;
  }
  
  .privacy-policy-wrapper .container h3 {
    font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
    font-style: normal;
    font-family: "TwkLausanne-600";
    line-height: 44px;
  }
  
  .privacy-policy-wrapper .container p,
  .privacy-policy-wrapper .container li {
    line-height: 25px;
    letter-spacing: 1px;
    font-family: "TwkLausanne-300";
  }
  
  .privacy-policy-wrapper .container ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  
  .privacy-policy-wrapper .container p span,
  .privacy-policy-wrapper .container ul li strong {
    font-weight: bold;
  }
  
  @media (max-width: 750px) {
    .container-about {
      flex-direction: column !important;
      align-items: center;
      gap: 40px;
    }
  
    .about-cf-text,
    .about-admin-text {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
      text-align: center;
    }
  
    .cyber-fox-image,
    .admin-image,
    .admin-image-mobile {
      width: 90%;
      height: auto;
    }
  
    .about-title h2 {
      font-size: 1.8rem;
    }
  
    .about-title h5 {
      font-size: 1rem;
      margin-top: 10px;
    }
  
    .expertise-text {
      font-size: 18px;
      padding: 0 20px;
      text-align: center;
    }
  
    .view-link {
      margin: 0 auto;
      justify-content: center;
    }
  }
  
  @media (max-width: 750px) {
    .about-title-h2 {
      color: #000;
    }
  }
  
  @media (max-width: 750px) {
    .value__footer-image {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      height: auto !important;
      min-height: 500px;
    }
  
    .value__footer-image .overlay {
      padding: 20px 20px !important;
    }
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 30px 55px;
    width: 100%;
    flex: 1;
    min-width: 40%;
    /* max-width: 548px; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .contract-form .group-cont {
    margin-bottom: 10px;
  }
  
  .contract-form .sec input,
  .contract-form .sec textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
  }
  
  .contract-form .sec input:focus,
  .contract-form .sec textarea:focus {
    border-color: #2f44ff;
    outline: none;
  }
  
  .contract-form .sec input::placeholder,
  .contract-form .sec textarea::placeholder {
    color: #666;
  }
  
  .contract-form button {
    width: 100%;
    padding: 0;
    background-color: #2f44ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .contract-form button:hover {
    background-color: #1f32e0;
    transform: translateY(-2px);
  }
  
  #messageArea {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  
  @media (max-width: 768px) {
    .contract-form {
      padding: 15px 20px;
    }
  }
  
  .max-w-42 {
    max-width: 42rem;
    width: 100%;
  }
  
  /* .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1432px !important;
    margin: 0 auto;
    padding: 0px;
  } */
  
  .hero-styles {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  
  .hero-section {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
    min-height: calc(100dvh - 68px) !important;
    height: 100% !important;
    padding: 0 10%;
  }
  
  @media (max-width: 768px) {
    .hero-styles {
      padding: 0 0px;
      gap: 8px;
    }
  
    .hero-section {
      min-height: calc(100dvh - 60px) !important;
      /* height: calc(100dvh - 60px) !important; */
    }
  }
  
  /* Hero background image styles */
  .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /* padding-top: 15px !important; */
    }
  }
  
  /* Hero section button styles */
  .hero .text-cont ul {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .hero .text-cont ul li {
    margin: 0;
    padding: 0;
  }
  
  .hero .text-cont ul li .btn {
    display: inline-block;
    width: auto;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .hero .cont {
      flex-direction: column;
    }
  
    .contract-form {
      margin-top: 15px;
      /*padding-top: 30px !important;*/
    }
  
    .hero .text-cont ul {
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }
  
    .hero .text-cont ul li {
      width: fit-content;
    }
  
    .hero .text-cont ul li .btn {
      width: 100%;
      text-align: center;
    }
  }
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 70px;
  }
  
  .h3-styles {
    text-align: center;
    margin-bottom: 26px;
    font-size: 36px;
    font-weight: 700;
    margin-top: 0px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  .label-styles {
    display: block;
    font-size: 26px;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 36px;
  }
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 108px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
  }
  
  .nav-styles {
    max-width: 100% !important;
    padding: 0 10%;
  }
  
  @media screen and (min-width: 2000px) and (max-width: 3841px) {
    @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
  
    @font-face {
      font-family: "TwkLausanne-300";
      src: url("./assets/fonts/TWK/TwkLausanne-300.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-400";
      src: url("./assets/fonts/TWK/TwkLausanne-400.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-500";
      src: url("./assets/fonts/TWK/TwkLausanne-500.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "TwkLausanne-600";
      src: url("./assets/fonts/TWK/TwkLausanne-600.ttf") format("truetype");
      font-style: normal;
      font-display: swap;
    }
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-family: "TwCenMT", sans-serif;
      vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }
    
    body {
      line-height: 1;
    }
  
    .aos-init {
      overflow: hidden !important;
  }
    
    ol,
    ul {
      list-style: none;
    }
    
    blockquote,
    q {
      quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    .container {
      max-width: 1140px;
      width: 100%;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    @-webkit-keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    @keyframes zoom-in-zoom-out {
      0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
    
    .padding-section {
      padding-top: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
      padding-bottom: clamp(2.1875rem, 0.8577rem + 4.2553vw, 4.6875rem);
    }
    
    .padding-top-section {
      padding-top: clamp(3.125rem, 0.266rem + 10.6383vw, 6.25rem);
    }
    
    .cta-button-mobile {
      font-size: 10px;
    }
    
    .get-consultation-btn {
      position: relative;
      text-decoration: none;
      top: 100px;
      color: #000;
      background-color: #fff;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 12px 34px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwCenMT", sans-serif !important;
      font-size: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
    }
    
    .get-consultation-btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    .btn img {
      margin-left: 10px;
    }
    
    .overflow-hidden {
      overflow: hidden;
    }
    
    .abs {
      position: absolute;
    }
    
    @-webkit-keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @keyframes mymove {
      50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
      100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes rotating-right {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    .get-quote {
      background-color: #211819;
      color: #fff;
    }
    
    .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    html {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 100%;
      scroll-behavior: smooth;
    }
    
    *,
    *::before,
    *::after {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
      color: #000;
      font-family: "TwkLausanne-400", "Inter", sans-serif;
      font-optical-sizing: auto;
      font-family: 1rem;
      scroll-behavior: smooth;
    }
    
    header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      /* -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      /* box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); */
      z-index: 10;
    }
    
    header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: clamp(3.75rem, 2.4202rem + 4.2553vw, 5.25rem);
    }
    
    header nav a {
      text-decoration: none;
      color: #18191f;
      cursor: pointer;
      font-family: "TwCenMT, sans-serif";
      font-size: 24px;
  }
    
    header nav .logo-wrapper {
      width: 250px;
    }
    
    header nav .logo-wrapper img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 1000px) {
      header nav .logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-left: 15px;
      }
    }
    
    header nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    header nav .menu-mobile-wrapper {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav .menu-mobile-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
      }
    
      header nav .menu-mobile-wrapper button {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
      }
    }
    
    header nav ul.menu li {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    header nav ul.menu li.active a {
      font-family: "TwkLausanne-400";
    }
    
    header nav ul.menu li:last-child {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu li:last-child {
        display: block;
      }
    }
    
    header nav ul.menu .overlay-close {
      display: none;
    }
    
    @media (max-width: 1000px) {
      header nav ul.menu {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s,
          -webkit-transform 0.4s ease-in-out;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(54, 54, 54, 0.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    
      header nav ul.menu li a {
        color: #fff;
        font-size: 36px;
      }
    
      header nav ul.menu.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      }
    
      header nav ul.menu.open .overlay-close {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(./assets/images/close.svg) no-repeat center center;
        text-indent: 200%;
        color: rgba(0, 0, 0, 0);
        outline: none;
        z-index: 100;
      }
    }
    
    header nav ul.contact {
      width: 250px;
      justify-content: end !important;
    }
    
    header nav ul.contact .cta-button {
      padding: 10px 20px;
    }
    
    @media (max-width: 450px) {
      header nav ul.contact .cta-button {
        font-size: 12px;
        padding: 10px 10px;
      }
    }
    
    @media (max-width: 1000px) {
      header nav ul.contact {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
    
      header nav ul.contact li:first-child {
        display: none;
      }
    }
    
    .footer {
      background-color: #050505;
    }
    
    .footer__wrapper {
      color: #fff;
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr) 1.5fr;
      grid-template-rows: 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 0px;
        grid-row-gap: 50px;
      }
    }
    
    .footer__wrapper > div:nth-child(1) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    .footer__wrapper > div:nth-child(1) > img {
      max-width: 250px;
      width: 100%;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(1) {
        grid-column: 1/3;
        grid-row: 3/4;
      }
    }
    
    .footer__wrapper > div:nth-child(1) p {
      font-size: 14px;
      font-weight: 400;
      line-height: 30px;
    }
    
    .footer__wrapper > div:nth-child(1) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
    }
    
    .footer__wrapper > div:nth-child(1) ul li a {
      display: block;
      background-color: #1e1e1e;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 500px;
    }
    
    .footer__wrapper > div:nth-child(1) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(1) form {
      background-color: #373737;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 5px 15px 5px 5px;
      border-radius: 8px;
    }
    
    .footer__wrapper > div:nth-child(1) form input {
      width: 100%;
      padding: 10px;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-size: 14px;
      font-weight: 400;
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-webkit-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-moz-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input:-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::-ms-input-placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(1) form input::placeholder {
      color: #dadce2;
    }
    
    .footer__wrapper > div:nth-child(2),
    .footer__wrapper > div:nth-child(3),
    .footer__wrapper > div:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .footer__wrapper > div:nth-child(2) h4,
    .footer__wrapper > div:nth-child(3) h4,
    .footer__wrapper > div:nth-child(4) h4 {
      font-size: 20px;
      font-weight: 600;
    }
    
    .footer__wrapper > div:nth-child(2) ul,
    .footer__wrapper > div:nth-child(3) ul,
    .footer__wrapper > div:nth-child(4) ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
    }
    
    .footer__wrapper > div:nth-child(2) ul li a,
    .footer__wrapper > div:nth-child(3) ul li a,
    .footer__wrapper > div:nth-child(4) ul li a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      cursor: pointer;
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(2) {
        grid-column: 2/3;
        grid-row: 2/3;
      }
    }
    
    @media (max-width: 56.24875em) {
      .footer__wrapper > div:nth-child(4) {
        grid-column: 1/3;
        grid-row: 1/2;
      }
    }
    
    .footer .copyright {
      color: #fff;
      text-align: center;
      margin-top: 50px;
      line-height: 21px;
    }
    
    @media (max-width: 43.74875em) {
      .footer .copyright {
        margin-top: unset;
        padding: 20px 10px 70px 10px;
      }
    }
    
    .contact-form {
      display: none;
    }
    
    .contact-form.active {
      padding: 10px;
      position: fixed !important;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
    }
    
    .contact-form.active .outer-cont {
      background-color: #fff;
      max-width: 684px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      padding: clamp(1.25rem, 0.0676rem + 2.7027vw, 2.5rem);
      border-radius: 20px;
      border: 1px solid #ddd;
      position: relative;
    }
    
    @media (max-width: 500px) {
      .contact-form.active .outer-cont {
        overflow: scroll;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    
    .contact-form.active .outer-cont .inner-cont {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont h3 {
      color: #414042;
      font-size: 28px;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 12px;
    }
    
    .contact-form.active .outer-cont .inner-cont p {
      color: #606060;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      max-width: 435px;
      width: 100%;
      margin-bottom: 39px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm label,
    .contact-form.active .outer-cont .inner-cont form#contactForm input,
    .contact-form.active .outer-cont .inner-cont form#contactForm textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm button,
    .contact-form.active .outer-cont .inner-cont form#contactForm select {
      width: 100%;
      outline: none;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec {
      width: 100%;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec label {
      margin-bottom: 10px;
      display: block;
      color: #1d263a;
      font-family: Inter;
      font-size: 17px;
      font-weight: 600;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec input,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec textarea,
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      border-radius: 10px;
      background-color: rgba(224, 236, 240, 0.5);
      border: none;
      padding: 16px;
      color: #1d263a;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-webkit-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-webkit-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-moz-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-moz-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea:-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select:-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::-ms-input-placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::-ms-input-placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      input::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      textarea::placeholder,
    .contact-form.active
      .outer-cont
      .inner-cont
      form#contactForm
      .sec
      select::placeholder {
      color: rgba(29, 38, 58, 0.5);
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .sec select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      -moz-appearance: none;
      background-image: url("https://www.svgrepo.com/show/80156/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 14px 14px;
      background-position: calc(100% - 16px);
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm button {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 17px;
      font-weight: 500;
      padding: 14px;
      background-color: #e22828;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    
    @media (max-width: 56.24875em) {
      .contact-form.active .outer-cont .inner-cont form#contactForm .group-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    .contact-form.active .outer-cont .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      top: 20px;
      right: 20px;
      cursor: pointer;
    }
    
    .contact-form.active .outer-cont #messageArea {
      margin-top: 10px;
    }
    
    .swiper-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .swiper-container {
      position: relative;
      width: 100%;
      margin-top: clamp(0rem, -3.8457rem + 14.3098vw, 5.3125rem);
      padding-top: 30px;
      min-height: calc(
        clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem) +
          clamp(1.875rem, -0.6134rem + 9.2593vw, 5.3125rem) + 30px
      );
    }
    
    @media (max-width: 749px) {
      .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      border-radius: clamp(0.375rem, -1.6157rem + 7.4074vw, 3.125rem);
      overflow: hidden;
      height: clamp(15.625rem, 6.5762rem + 33.67vw, 28.125rem);
      display: flex;
      align-items: center;
      justify-content: center;
    
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 200ms linear;
    }
    
    .swiper-slide.swiper-slide-active {
      height: clamp(15.625rem, 2.2327rem + 49.8316vw, 34.125rem);
      background: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, 0.34);
    }
    
    .swiper-slide__content {
      height: 300px;
    }
    
    ul.categ-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
    }
    
    ul.categ-cont li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
    }
    
    ul.categ-cont li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }
    
    ul.categ-cont li span.red {
      background-color: #e22829;
    }
    
    ul.categ-cont li span.green {
      background-color: #64e228;
    }
    
    main {
      margin-top: clamp(3.75rem, 2.4202rem + 4.2553vw, 4.25rem);
    }
    
    main .hero {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    
    .section-title {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 2rem;
    }
    
    main .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      z-index: -1;
    }
    
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 85px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 600px;
      margin-right: 500px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      font-size: 90px;
    
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    
    @media (max-width: 750px) {
      .hero__wrapper {
        margin-top: 31px;
        padding: 0px 20px;
        padding-bottom: 139px;
      }
    
      main .hero__wrapper div.cont .text-cont h1 {
        font-size: clamp(4rem, 5vw, 3rem);
        margin-right: 0;
        max-width: 100%;
      }
      main .hero__wrapper div.cont .text-cont p,
      main .hero__wrapper div.cont .text-cont ul {
        max-width: 100%;
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
      }
    
      .hero {
        padding-left: 0;
      }
    }
    
    main .hero__wrapper div.cont .text-cont p {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 700px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 24px;
      /* line-height: 24px; */
    
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: 400px;
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 200px;
    }
    
    @media (max-width: 750px) {
      main {
        overflow-x: hidden !important;
      }
    }
    
    @media (max-width: 750px) {
      main .hero {
        font-family: "TwCenMT", sans-serif;
        font-weight: 700;
        line-height: 14px;
        width: 100vw;
        /* padding-left: 40px; */
        overflow: hidden;
      }
    
      main .hero__wrapper div.cont h1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
    
      main .hero__wrapper div.cont .text-cont {
        width: 100%;
        max-width: 100%;
        /* padding-right: 20px; optional */
        box-sizing: border-box;
      }
    
      main .hero-bg-video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow-x: hidden;
      }
    
      main {
        overflow-x: hidden;
      }
    }
    
    main .hero__wrapper div.cont .text-cont .categ .circle::before {
      -webkit-animation: mymove 2s infinite;
      animation: mymove 2s infinite;
      position: absolute;
      background-color: #64e228;
    }
    
    main .hero__wrapper div.cont .text-cont h1 {
      margin-top: 23px;
      font-family: "TwkLausanne-500";
      font-size: clamp(1.625rem, 0.1383rem + 5.5319vw, 48px);
      line-height: clamp(2rem, 0.2846rem + 6.383vw, 52px);
      letter-spacing: 1px;
      /* width: 832px; */
      width: 100%;
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.icon {
      display: inline-block;
      width: 25px;
      height: 28.939px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }
    
    main .hero__wrapper div.cont .text-cont h1 span.amazing {
      background: center 67%/227% url("./assets/images/roseate-04.jpeg");
      background-clip: text;
      -webkit-background-clip: text;
      color: rgba(0, 0, 0, 0);
    }
    
    main .hero__wrapper div.cont .text-cont ul {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(1) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      text-decoration: none;
      color: #fff;
      background-color: #2f44ff;
    
      /* width: -webkit-fit-content; */
      /* width: -moz-fit-content; */
      /* width: fit-content; */
      padding: 10px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      font-family: "TwkLausanne-600";
      font-size: 14px;
      cursor: pointer;
    }
    
    main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    
    /* main .hero__wrapper div.cont .text-cont ul li:nth-child(2) a {
      color: #fff;
      font-family: "TwkLausanne-300";
      text-decoration-line: underline;
    } */
    
    main .hero__wrapper div.cont .text-cont .rates {
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
    }
    
    main .hero__wrapper div .text-cont .description {
      font-family: "TwCenMT", sans-serif;
      font-weight: 400;
      font-size: 21px;
      line-height: 36px;
      /* padding: 0 8px; */
    }
    
    .description-styles {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 50px !important;
    }
    
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
    }
    
    .hero-btn-styles {
      display: flex;
      gap: 36px;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
    }
    
    @media (max-width: 768px) {
      .hero-btn-styles li a {
        padding: 12px 16px;
      }
    
      main .hero__wrapper div .text-cont .title {
        margin-top: 0px;
        margin-bottom: 10px;
      }
    
      .description-styles {
        color: #000 !important;
        margin-bottom: 27px !important;
      }
    
      .hero-btn-styles {
        flex-direction: row !important;
        justify-content: space-between;
      }
    }
    
    main .about {
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      text-align: center;
      padding-top: 80px;
      font-family: "TwCenMT", sans-serif;
      font-size: 40px;
      font-weight: 700;
    }
    
    main .about .container-about {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-family: "TwCenMT", sans-serif;
    }
    
    .view-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
      font-size: 16px;
      width: 140px;
      font-family: "TwCenMT", sans-serif;
    }
    
    .arrow {
      width: 30px;
      height: auto;
      margin-left: 10px;
    }
    
    .about-cf-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 400;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .about-admin-text {
      text-align: left;
      font-family: "TwCenMT", sans-serif;
      width: 580px;
      font-weight: 300;
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px;
      margin-left: 60px;
    
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .highlighted__text {
      font-weight: 700;
    }
    
    .expertise-text {
      margin-top: 60px;
      font-weight: 400;
      font-size: 22px;
      font-family: "TwCenMT", sans-serif;
      line-height: 28px;
    }
    
    .cyber-fox-image {
      width: auto;
      height: 400px;
    }
    
    .admin-image {
      height: 500px;
      width: auto;
    }
    
    .admin-image-mobile {
      height: 400px;
    }
    
    main .about .container-about .container-about-first img {
      height: 400px;
      width: auto;
    }
    
    main .about .container-about .about-content-second img {
      height: 600px;
    }
    
    main .services {
      background-image: url("./assets/images/services_bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    main .services__wrapper--services {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    main .services__wrapper--services li {
      border-radius: 24px;
      padding-bottom: 20px;
      background: #f9f9f9;
      overflow: hidden;
      width: calc((100% - 20px) / 6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 15px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      text-transform: capitalize;
      text-align: center;
      margin-top: 20px;
    }
    
    @media (max-width: 1024px) {
      main .services__wrapper--services li {
        width: calc((100% - 120px) / 5);
      }
    }
    
    @media (max-width: 56.24875em) {
      main .services__wrapper--services li {
        width: 22%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main .services__wrapper--services li {
        width: 30%;
      }
    }
    
    @media (max-width: 560px) {
      main .services__wrapper--services li {
        width: 46%;
      }
    }
    
    main .services__wrapper--services li .img-cont {
      border-radius: 24px;
      width: 100%;
    }
    
    main .services__wrapper--services li .img-cont img {
      width: 100%;
      height: auto;
    }
    
    main .services .text-blockchain {
      max-width: 1152px;
      width: 100%;
      margin: 0 auto;
      font-style: normal;
      padding-left: 20px;
      padding-right: 20px;
    }
    
    main .services .text-blockchain h2 {
      font-family: "TwCenMT", sans-serif;
      line-height: clamp(2.5rem, 1.9282rem + 2.1277vw, 3.125rem);
      font-size: clamp(1.625rem, 0.8245rem + 2.9787vw, 2.5rem);
      text-align: center;
    }
    
    @media (max-width: 56.24875em) {
      main .services .text-blockchain h2 {
        text-align: left;
      }
    }
    
    main .services .text-blockchain h2 span.dmcc {
      font-family: "TwCenMT", sans-serif;
      font-weight: 500;
    }
    
    main .services .text-blockchain h2 span.icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url(./assets/images/bc-icon.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-right: 5px;
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.colored {
      background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f5160f),
        to(#0e12e7)
      );
      background: linear-gradient(90deg, #f5160f 0%, #0e12e7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .services .text-blockchain h2 span.fade1 {
      color: #727272;
    }
    
    main .services .text-blockchain h2 span.fade2 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade3 {
      color: rgba(114, 114, 114, 0.45);
    }
    
    main .services .text-blockchain h2 span.fade4 {
      color: #e4e4e4;
    }
    
    main .value {
      padding-left: 10px;
      padding-right: 10px;
    }
    
    main .value__wrapper {
      background-color: #1a1a1a;
      max-width: 1412px;
      width: 100%;
      margin: 0 auto;
      border-radius: 36px;
      padding: clamp(3.75rem, -2.358rem + 22.7273vw, 12.1875rem) 0px;
    }
    
    main .value__wrapper--container {
      color: #ebebeb;
      text-align: center;
    }
    
    main .value__wrapper--container h2 {
      font-size: clamp(2.25rem, 1.3451rem + 3.367vw, 3.5rem);
      font-family: "TwCenMT", sans-serif;
    }
    
    main .value__wrapper--container .map {
      background-image: url(./assets/images/bg-map.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      min-height: clamp(12.5rem, -7.6318rem + 74.9091vw, 38.25rem);
      margin-top: 70px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .map {
        background-position: top;
      }
    }
    
    main .value__wrapper--container .map .text-cont {
      text-align: center;
      color: #fff;
    }
    
    main .value__wrapper--container .map .text-cont img {
      width: clamp(4.6875rem, 1.4625rem + 12vw, 8.8125rem);
    }
    
    main .value__wrapper--container .map .text-cont p {
      font-family: "TwkLausanne-600";
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px;
      margin-top: 80px;
    }
    
    main .value__wrapper--container .map .text-cont span {
      margin-top: 27px;
      display: inline-block;
      max-width: 430px;
      line-height: 25px;
    }
    
    main .value__wrapper--container .map span[class*="float-"] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 100%;
    }
    
    @media (max-width: 980px) {
      main .value__wrapper--container .map span[class*="float-"] {
        display: none;
      }
    }
    
    main .value__wrapper--container .map .float-1 {
      width: 51px;
      height: 51px;
      top: 103px;
      left: 213px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-2 {
      width: 32px;
      height: 32px;
      bottom: 172px;
      left: 227px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
    }
    
    main .value__wrapper--container .map .float-3 {
      width: 32px;
      height: 32px;
      top: 20px;
      margin-right: -50px;
      background-image: url(./assets/images/value/icon-3.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
    }
    
    main .value__wrapper--container .map .float-4 {
      width: 32px;
      height: 32px;
      margin-right: -100px;
      background-image: url(./assets/images/value/icon-4.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.7s;
      animation-delay: 1.7s;
    }
    
    main .value__wrapper--container .map .float-5 {
      width: 32px;
      height: 32px;
      top: 137px;
      right: 227px;
      background-image: url(./assets/images/value/icon-2.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    
    main .value__wrapper--container .map .float-6 {
      width: 32px;
      height: 32px;
      bottom: 118px;
      right: 122px;
      background-image: url(./assets/images/value/icon-1.svg);
      -webkit-animation: zoom-in-zoom-out 3s ease infinite;
      animation: zoom-in-zoom-out 3s ease infinite;
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
    }
    
    main .value__wrapper--container .development {
      margin-top: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
      }
    }
    
    main .value__wrapper--container .development > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #fff;
      text-align: center;
    }
    
    main .value__wrapper--container .development > div p {
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    main .value__wrapper--container .development > div span {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    main .value__wrapper--container .development .cont-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero {
      max-width: 368px;
      width: 100%;
      min-height: 385px;
      background-image: url(./assets/images/bg-one-zero.png);
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .value__wrapper--container .development .cont-1 .one-zero img {
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(1) {
      width: 78px;
      height: 77px;
      margin-bottom: 33px;
    }
    
    main
      .value__wrapper--container
      .development
      .cont-1
      .one-zero
      img:nth-child(2) {
      width: 131px;
      margin-bottom: 65px;
      height: 129px;
    }
    
    main .value__wrapper--container .development .cont-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
    }
    
    main .value__wrapper--container .development .cont-2 img {
      max-width: 313px;
      width: 100%;
      margin-bottom: 25px;
    }
    
    main .value__wrapper--container .development .cont-2 p {
      margin-bottom: 27px;
    }
    
    main .value__wrapper--container .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 12px;
      margin-top: 115px;
    }
    
    @media (max-width: 56.24875em) {
      main .value__wrapper--container .category {
        margin-top: 70px;
      }
    }
    
    main .value__wrapper--container .category li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px;
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      color: #000;
    }
    
    .value__footer-image {
      position: relative;
      left: 50%;
      bottom: -194px;
      transform: translateX(-50%);
      width: 100%;
      height: 615px;
      background-image: url("./assets/images/footer-banner-compressed.png");
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      z-index: 1;
    }
    
    .value__footer-image .overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 170px 20px;
      text-align: center;
      color: white;
      font-size: 1.25rem;
      line-height: 1.6;
      font-family: "TwkLausanne-300", sans-serif;
      background: linear-gradient(to bottom, rgba(26, 26, 26, 1), transparent 40%);
    }
    
    main .value h3 {
      max-width: 1090px;
      margin: 0 auto;
      font-family: "TwkLausanne-500";
      margin-top: 55px;
      color: #fff;
      text-align: center;
      font-size: clamp(1.75rem, 0.675rem + 4vw, 3.125rem);
      line-height: normal;
      letter-spacing: 1px;
    }
    
    main .partners ul {
      display: grid;
      grid-template-columns: repeat(
        3,
        clamp(9.375rem, 6.9318rem + 9.0909vw, 12.5rem)
      );
      grid-template-rows: 1fr;
      grid-column-gap: 77px;
      grid-row-gap: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main .partners ul {
        grid-template-columns: repeat(2, 150px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    }
    
    main .partners ul li img {
      width: 100%;
    }
    
    main .blockchain-solutions {
      overflow: hidden;
    }
    
    main .blockchain-solutions__wrapper {
      text-align: center;
    }
    
    main .blockchain-solutions__wrapper span {
      border-radius: 16px;
      border: 1px solid #e7e7e7;
      padding: 7px 12px;
      background: #f9f9f9;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
    }
    
    main .blockchain-solutions__wrapper h2 {
      font-family: "TwCenMT", sans-serif;
      font-size: clamp(2rem, 0.6277rem + 5.1064vw, 3.5rem);
      margin-top: 40px;
      font-weight: 600;
    }
    
    main .blockchain-solutions__wrapper p {
      max-width: 435px;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-top: 25px;
      max-width: 600px;
      font-family: "TwCenMT", sans-serif;
      line-height: 25px;
    }
    
    main .get-quote {
      background-color: #242424;
      background-image: url("./assets/images/get-quote-bg-compressed.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      position: relative;
      z-index: 1;
    }
    
    main .get-quote__wrapper {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    main .get-quote__wrapper h3 {
      font-family: "TwkLausanne-600";
      font-size: clamp(2.5rem, 1.8614rem + 2.3762vw, 4rem);
      line-height: clamp(3.75rem, 3.3243rem + 1.5842vw, 4.75rem);
    }
    
    main .get-quote__wrapper p {
      font-family: "TwkLausanne-300";
      line-height: 24px;
    }
    
    main .get-quote a {
      background-color: #fff;
      color: #000;
    }
    
    main.inner-pages .inner-title {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
      margin-top: clamp(3.125rem, 0.6662rem + 9.1489vw, 5.8125rem);
      margin-bottom: clamp(3.125rem, 1.4096rem + 6.383vw, 5rem);
      max-width: 490px;
      width: 100%;
    }
    
    main.inner-pages .inner-header .inner-header-cont {
      padding-top: clamp(4.6875rem, 0.113rem + 17.0213vw, 9.6875rem);
      padding-bottom: 5.8125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    main.inner-pages .inner-header .inner-header-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc h2 {
      margin-top: 0.8125rem;
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc p {
      margin-top: 1.25rem;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-desc a {
      margin-top: 1.8125rem;
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .inner-header .inner-header-cont div.inner-header-img {
        display: none;
      }
    }
    
    main.inner-pages .inner-header .inner-header-cont div.inner-header-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-1 .section-1-cont {
      background-color: #f5f7fa;
      padding: clamp(1.875rem, -5.2726rem + 26.5957vw, 9.6875rem) 1.75rem;
      border-radius: 36px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(2rem, 0.8564rem + 4.2553vw, 3.25rem);
      line-height: clamp(2.5rem, 1.242rem + 4.6809vw, 3.875rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left > p {
      margin-top: 1.1875rem;
      color: #9ba3b2;
      font-family: "TwkLausanne-300";
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-left ul span {
      display: block;
      width: 24px;
      height: 24px;
      margin-top: 13px;
      border-radius: 100%;
      background-image: url(./assets/images/circle-check.svg);
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:nth-child(2) {
      margin-top: 22px;
      font-family: "TwkLausanne-500";
    }
    
    main.inner-pages
      .section-1
      .section-1-cont
      .section-1-cont-left
      ul
      p:last-child {
      margin-top: 11px;
      color: #000;
      font-family: "TwkLausanne-300";
      line-height: 20px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
      height: 19.0625rem;
      border-radius: 16px;
      background: #d9d9d9;
      overflow: hidden;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        height: unset;
        width: 75%;
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-1 .section-1-cont .section-1-cont-right {
        width: 100%;
      }
    }
    
    main.inner-pages .section-1 .section-1-cont .section-1-cont-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-2 {
      margin-bottom: 44px;
    }
    
    main.inner-pages .section-2 ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 55px;
      grid-row-gap: 29px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-2 ul {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    
    main.inner-pages .section-2 ul li {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 42px 24px 74px 24px;
    }
    
    main.inner-pages .section-2 ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      border-radius: 100%;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages .section-2 ul li p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-2 ul li a {
      color: #000;
      text-decoration: none;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      margin-top: 36px;
      display: inline-block;
    }
    
    main.inner-pages .section-3 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 123px;
    }
    
    main.inner-pages .section-3 .section-3-cont {
      border-radius: 36px;
      background: #f5f7fa;
      padding: clamp(1.25rem, -2.5rem + 12vw, 4.25rem) 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-3 .section-3-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
      }
    }
    
    main.inner-pages .section-3 .section-3-cont > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left p {
      margin-top: 21px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-left a {
      margin-top: 25px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 29px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li {
      border-radius: 16px;
      background: #d8e0eb;
      padding: 16px 27px;
    }
    
    main.inner-pages .section-3 .section-3-cont .section-3-cont-right ul li .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages
        .section-3
        .section-3-cont
        .section-3-cont-right
        ul
        li
        .title {
        display: grid;
        grid-template-columns: 16px 1fr 24px;
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-1 {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      border-radius: 100%;
      -ms-flex-item-align: self-start;
      align-self: self-start;
      margin-top: 5px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      .desc
      p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-3
      .section-3-cont
      .section-3-cont-right
      ul
      li
      .title
      span.icon-2 {
      width: 24px;
      height: 24px;
      display: block;
      background-image: url(./assets/images/arrow-right-black.svg);
    }
    
    main.inner-pages .section-4 .section-4-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 24px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-4 .section-4-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div {
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px 40px 31px 24px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-left > div span {
      background-image: url(./assets/images/circle-check.svg);
      width: 24px;
      height: 24px;
      display: block;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      margin-top: 22px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      > div
      p:nth-child(3) {
      margin-top: 22px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-left
      div:last-child {
      margin-top: 16px;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      border-radius: 12px;
      background: #f5f7fa;
      padding: 31px;
      text-align: center;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img {
      height: 305px;
      overflow: hidden;
      max-width: 85%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 16px;
      background: #d9d9d9;
    }
    
    main.inner-pages .section-4 .section-4-cont .section-4-cont-right .img img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(2) {
      font-family: "TwkLausanne-500";
      font-size: 22px;
      margin-top: 21px;
    }
    
    main.inner-pages
      .section-4
      .section-4-cont
      .section-4-cont-right
      p:nth-child(3) {
      margin-top: 15px;
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont h3 {
      font-family: "TwkLausanne-500";
      font-size: clamp(1.75rem, 1.2926rem + 1.7021vw, 2.25rem);
      line-height: clamp(2.5rem, 2.0426rem + 1.7021vw, 3rem);
      letter-spacing: 1px;
    }
    
    main.inner-pages .section-5 .section-5-cont > p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
      max-width: 516px;
      width: 100%;
    }
    
    main.inner-pages .section-5 .section-5-cont ul {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 18px;
      grid-row-gap: 18px;
    }
    
    @media (max-width: 56.24875em) {
      main.inner-pages .section-5 .section-5-cont ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
    }
    
    @media (max-width: 43.74875em) {
      main.inner-pages .section-5 .section-5-cont ul li {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
      }
    }
    
    main.inner-pages .section-5 .section-5-cont ul li span {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(./assets/images/circle-check.svg);
      -o-object-fit: cover;
      object-fit: cover;
    }
    
    main.inner-pages .section-5 .section-5-cont ul li p {
      font-family: "TwkLausanne-300";
      line-height: 25px;
      letter-spacing: 1px;
    }
    
    main section {
      padding-bottom: 158px;
    }
    
    @media (max-width: 768px) {
      main section {
        padding-bottom: 0px;
      }
    }
    
    .privacy-policy-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h2 {
      text-align: center;
      font-size: clamp(2.25rem, 1.1064rem + 4.2553vw, 3.5rem);
      font-family: "TwkLausanne-600";
      line-height: normal;
      margin-bottom: 50px;
    }
    
    .privacy-policy-wrapper .container h3,
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      margin-bottom: 25px;
    }
    
    .privacy-policy-wrapper .container h3 {
      font-size: clamp(1.875rem, 0.9265rem + 3.5294vw, 2.25rem);
      font-style: normal;
      font-family: "TwkLausanne-600";
      line-height: 44px;
    }
    
    .privacy-policy-wrapper .container p,
    .privacy-policy-wrapper .container li {
      line-height: 25px;
      letter-spacing: 1px;
      font-family: "TwkLausanne-300";
    }
    
    .privacy-policy-wrapper .container ul {
      list-style-type: disc;
      margin-left: 20px;
    }
    
    .privacy-policy-wrapper .container p span,
    .privacy-policy-wrapper .container ul li strong {
      font-weight: bold;
    }
    
    @media (max-width: 750px) {
      .container-about {
        flex-direction: column !important;
        align-items: center;
        gap: 40px;
      }
    
      .about-cf-text,
      .about-admin-text {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
      }
    
      .cyber-fox-image,
      .admin-image,
      .admin-image-mobile {
        width: 90%;
        height: auto;
      }
    
      .about-title h2 {
        font-size: 1.8rem;
      }
    
      .about-title h5 {
        font-size: 1rem;
        margin-top: 10px;
      }
    
      .expertise-text {
        font-size: 18px;
        padding: 0 20px;
        text-align: center;
      }
    
      .view-link {
        margin: 0 auto;
        justify-content: center;
      }
    }
    
    @media (max-width: 750px) {
      .about-title-h2 {
        color: #000;
      }
    }
    
    @media (max-width: 750px) {
      .value__footer-image {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: auto !important;
        min-height: 500px;
      }
    
      .value__footer-image .overlay {
        padding: 20px 20px !important;
      }
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 30px 55px;
      width: 100%;
      flex: 1;
      min-width: 40%;
      /* max-width: 548px; */
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .contract-form .group-cont {
      margin-bottom: 20px;
    }
    
    .contract-form .sec input,
    .contract-form .sec textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #333;
      border-radius: 8px;
      color: #000;
      transition: all 0.3s ease;
    }
    
    .contract-form .sec input:focus,
    .contract-form .sec textarea:focus {
      border-color: #2f44ff;
      outline: none;
    }
    
    .contract-form .sec input::placeholder,
    .contract-form .sec textarea::placeholder {
      color: #666;
    }
    
    .contract-form button {
      width: 100%;
      padding: 0;
      background-color: #2f44ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .contract-form button:hover {
      background-color: #1f32e0;
      transform: translateY(-2px);
    }
    
    #messageArea {
      margin-top: 15px;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 768px) {
      .contract-form {
        padding: 20px;
      }
    }
    
    .max-w-42 {
      max-width: 42rem;
      width: 100%;
    }
    
    /* .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 1432px !important;
      margin: 0 auto;
      padding: 0px;
    } */
    
    .hero-styles {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px;
    }
    
    .hero-section {
      position: relative !important;
      width: 100% !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: flex-start !important;
      min-height: calc(100dvh - 68px) !important;
      height: 100% !important;
      padding: 0 10%;
    }
    
    @media (max-width: 768px) {
      .hero-styles {
        padding: 0 0px;
        gap: 8px;
      }
    
      .hero-section {
        min-height: calc(100dvh - 60px) !important;
        height: 100% !important;
      }
    }
    
    /* Hero background image styles */
    .hero-bg-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        padding-top: 30px !important;
      }
    }
    
    /* Hero section button styles */
    .hero .text-cont ul {
      display: flex;
      gap: 20px;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .hero .text-cont ul li {
      margin: 0;
      padding: 0;
    }
    
    .hero .text-cont ul li .btn {
      display: inline-block;
      width: auto;
      border-radius: 10px;
    }
    
    @media (max-width: 768px) {
      .hero .cont {
        flex-direction: column;
      }
    
      .contract-form {
        margin-top: 15px;
        /*padding-top: 30px !important;*/
      }
    
      .hero .text-cont ul {
        flex-direction: column;
        gap: 4px;
        width: 100%;
      }
    
      .hero .text-cont ul li {
        width: fit-content;
      }
    
      .hero .text-cont ul li .btn {
        width: 100%;
        text-align: center;
      }
    }
    
    .form-input-styles {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 22px;
      height: 70px;
    }
    
    .h3-styles {
      text-align: center;
      margin-bottom: 32px;
      font-size: 59px;
      font-weight: 700;
      margin-top: 0px;
    }
    
    .h6-styles {
      text-align: center;
      margin-bottom: 32px;
      font-weight: 400;
      font-size: 48px;
      margin-top: 0px;
    }
    
    .label-styles {
      display: block;
      font-size: 26px;
      display: block;
      color: #fff;
      margin-bottom: 4px;
      font-weight: 400;
      line-height: 36px;
    }
    
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 32px;
      font-weight: 400;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 108px;
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 26px;
      font-size: 26px;
      font-weight: 400;
      color: #fff;
    }
    
    .nav-styles {
      max-width: 100% !important;
      padding: 0 10%;
    }
    
    
      main .hero__wrapper div .text-cont .title {
      font-size: 60px;
    }
    
    main .hero__wrapper div .text-cont .description{
      font-size: 34px;
    }
    
    .hero-btn-styles li a {
      display: inline-block;
      padding: 18px 27px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 29px;
    }
    
    .contract-form {
      background-color: #0a1833;
      padding: 72px 55px;
      padding-top: 72px;
      padding-bottom: 56px;
      width: 100%;
      flex: 1;
      max-width: 600px;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .trusted-text {
      text-align: center;
      margin-top: 43px;
      font-size: 23px;
      font-weight: 400;
      color: #fff;
    }
    
    .contract-form .group-cont {
      margin-bottom: 53px;
    }
    
    .form-input-styles{
      font-size: 22px;
      height: 82px;
    }
    
    .submit-btn-styles {
      height: 122px;
    }
  
    .text-cont.aos-init.aos-animate {
      max-width: 50% !important;
  }
    
    
  }
  
  @media screen and (min-width: 1537px) and (max-width: 1921px) {
  
    main .hero__wrapper div .text-cont .title {
    font-size: 50px;
  }
  
  main .hero__wrapper div .text-cont .description{
    font-size: 27px;
  }
  
  .hero-btn-styles li a {
    display: inline-block;
    padding: 12px 24px;
    background: #2f44ff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 26px;
  }
  
  .contract-form {
    background-color: #0a1833;
    padding: 72px 55px;
    padding-top: 72px;
    padding-bottom: 56px;
    width: 100%;
    flex: 1;
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 43px;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
  }
  
  .contract-form .group-cont {
    margin-bottom: 32px;
  }
  
  .form-input-styles{
    font-size: 22px;
    height: 68px;
  }
  
  .submit-btn-styles {
    height: 100px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1537px) {
  
    main .hero__wrapper div .text-cont .title {
      font-size: 40px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 22px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  
  .submit-btn-styles {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    padding: 14px;
    background-color: #2f44ff;
    outline: none;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 75px;
  }
  
  .trusted-text {
    text-align: center;
    margin-top: 26px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
  }
  
  
  .form-input-styles {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 22px;
    height: 60px;
  }
  
  .h6-styles {
    text-align: center;
    margin-bottom: 18px;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0px;
  }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1441px) {
  
    main .hero__wrapper div .text-cont .description {
      font-size: 21px;
  }
  
    .hero-btn-styles li a {
      display: inline-block;
      padding: 12px 24px;
      background: #2f44ff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 500;
      transition: background 0.3s ease;
      font-size: 18px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-family: "TwCenMT", sans-serif;
      font-weight: 700;
      font-size: 38px;
      line-height: 52px;
      width: 100%;
      margin-top: 38px;
      margin-bottom: 18px;
  }
  
  .hero__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 46px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
    .form-input-styles {
      height: 50px;
    }
  
    .label-styles {
      font-size: 18px;
    }
  
    .contract-form button {
      padding: 4px;
    }
  
    .submit-btn-styles {
      font-size: 24px;
      height: 44px;
    }
  
    .trusted-text {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1367px) {
    .hero__wrapper {
      position: relative;
      z-index: 1;
      margin-top: 46px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 0px;
  }
  
  main .hero__wrapper div .text-cont .description {
      font-size: 20px;
    }
  
   .h3-styles {
      text-align: center;
      margin-bottom: 6px;
      font-size: 35px;
      font-weight: 700;
      margin-top: 0px;
   }
  
  }
  
  @media screen and (min-width: 1000px) and (max-width: 1281px) {
  
    main .hero__wrapper div .text-cont .description {
      color: #000 !important;
      margin-top: 6px !important;
      /* font-size: clamp(16px, 2vw, 26px) !important; */
      line-height: 1.5 !important;
      margin-bottom: 40px !important;
  }
  
    .trusted-text {
      font-size: 14px;
  }
  
    main .hero__wrapper div .text-cont .title {
      font-size: 34px;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-size: 18px;
  }
  
    .h3-styles {
      font-size: 28px;
    }
  
    .h6-styles {
      font-size: 24px;
    }
  
    .submit-btn-styles {
      font-size: 16px;
      height: 44px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    a.btn.cta-button-mobile {
      background: black;
      font-size: 16px;
      padding: 8px 10px;
      border-radius: 4px;
  }
  
  header nav a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: "TwkLausanne-300";
  }
  
  p.title{
  color: #000;
  font-size: clamp(21px, 5vw, 45px) !important;
  line-height: 1.2;
  font-weight: 700;
  }
  
  main .hero__wrapper div .text-cont .description {
    font-family: "TwCenMT", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 36px;
    /* padding: 0 8px; */
  }
  
    .hero-section {
      padding: 0px;
    }
  
    .nav-styles {
      padding: 0px 20px;
    }
  
    .form-input-styles {
      font-size: 14px;
      height: 38px;
    }
  
    .h3-styles {
      text-align: center;
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 600;
    }
  
    .h6-styles {
      text-align: center;
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 16px;
    }
  
    .label-styles {
      display: block;
      margin-bottom: 0px;
      font-size: 15px;
      font-weight: 400;
      line-height: 18px;
    }
  
    .submit-btn-styles {
      color: #fff;
      text-align: center;
      font-family: Inter;
      font-size: 15px;
      font-weight: 500;
      padding: 14px;
      background-color: #2f44ff;
      outline: none;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
      height: 52px;
    }
  
    .trusted-text {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
    }
  }
  
  
  
  img.hero-bg-video {
      position: absolute;
      top: 39px;
      /* left: 132px; */
      width: 100%;
      height: 85%;
      object-fit: fill;
      z-index: -1;
      /* width: 176%; */
      /* height: 178%; */
      overflow-clip-margin: unset;
      overflow: unset;
  }
}