:root {
  --on-surface: #121212;
  --secondary: #64666c;
  --line: #e5e5e5;
  --background: #f5f5f5;
  --surface: #f5f5f2;
  --blue: #2868d8;
  --critical: #eb4d4d;
  --success: #37cc8e;
  --primary: #2ed197;
  --orange: #ea603f;
  --white: #ffffff;
  --deep-purple: #15143b;
  --gradient: #5d47e2;
  --dark: #0f1e37;
  --grey: #3f4b5f;
  --dark-blue: #173363;
  --dark-purple: #130e38;
  --placehover: #b1b1b1;
  --yellow: #f2c94c;
  --sky-blue: #68bbe3;
  --light-blue: #0e86d4;
  --slight-dark-blue: #055c9d;
}

.modal {
  z-index: 9999999999999999999999999;
  backdrop-filter: blur(25px);
  background: #0000005e;
}

.modal-backdrop {
  --bs-backdrop-zindex: -99999999;
  --bs-backdrop-opacity: 0;
  position: fixed;
  z-index: var(--bs-backdrop-zindex);
}

.modal-backdrop.show {
  opacity: 0;
}

.modal-body .heading-5 {
  line-height: 24px;
}

*:focus {
  outline: none;
  border: 0;
  box-shadow: none;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: var(--on-surface);
  line-height: 26px;
  scroll-behavior: smooth;
}

video:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}

#content {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

html {
  line-height: 1;
  /* 1 */
}

.mt-65 {
  margin-top: 65px !important;
}

.fs-19{
  font-size: 19px !important;
}

body {
  margin: 0;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 6px;
  border-radius: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
  margin: 0;
  padding: 0;
}

hr {
  box-sizing: content-box;
  /* 1 */
  height: 1;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

li {
  list-style: none;
}

a {
  background-color: transparent;
  color: var(--on-surface);
  text-decoration: none;
}

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button {
  cursor: pointer;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

button,
input {
  /* 1 */
  overflow: visible;
}

input {
  outline: none;
  border: 1px solid transparent;
}

input:focus {
  border: 1px solid var(--blue);
}

button,
select {
  /* 1 */
  text-transform: none;
}

button:focus,
select:focus {
  outline: 0;
  box-shadow: none;
}

input:focus {
  outline: 0;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.container {
  max-width: 1322px;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

/*******toast********/

.form-contact .toast {
  position: fixed;
  top: 86px;
  right: 6px;
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 10px !important;
  background: #ffffff;
  box-shadow: 9px 2rem 2rem 3px rgba(0, 0, 0, 0.15);
}

.form-contact .toast .toast-body {
  padding-top: 0;
}

.form-contact .toast button:hover {
  background: #fff;
}

.modal.vcfoContactForm.fade {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.modal.vcfoContactForm.fade.out {
  transform: scale(0);
  opacity: 0;
}

@media (max-width: 1199.98px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.icon-on-surface::before {
  color: var(--on-surface);
}

.icon-gradient::before {
  color: var(--gradient);
}

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

.select-arrow-none select {
  outline: none;
  border: 1px solid transparent;
}

.select-arrow-none select:focus {
  border: 1px solid var(--blue);
}

.col-xl-2-5 {
  flex: 0 0 20%;
  max-width: 20%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-on-surface {
  background-color: var(--on-surface);
}

.bg-transparent {
  background-color: transparent;
}

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

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

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

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

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

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

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

.bg-deep-purple {
  background-color: var(--deep-purple);
}

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

.bg-gradient-blue {
  background: linear-gradient(136deg, #5473dc 0%, #8bf7ff 100%);
}

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

.bg-dark-blue {
  background-color: var(--dark-blue);
}

.bg-dark-purple {
  background-color: var(--dark-purple);
}

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

.heading1 {
  font-size: 80px;
  font-weight: 700;
  line-height: 88px;
}

.heading2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 68px;
}

.heading3 {
  font-size: 44px;
  font-weight: 700;
  line-height: 50px;
}

.heading4 {
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.heading5 {
  font-size: 30px;
  font-weight: 700;
  line-height: 28px;
}

.heading6 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.heading7 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.heading9 {
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1.3;
}

.body1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.body2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.body3 {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.8;
}

.body4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}

.body5 {
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.5;
}

.body6 {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.text-button {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.text-button-small {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
}

.text-button-uppercase {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.text-sub-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}

.sub-heading {
  font-size: 16px;
  line-height: 24px;
}

.text-sub-heading2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
}

.caption1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.caption2 {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.fs-60 {
  font-size: 60px;
  line-height: 1.5;
}

.fs-52 {
  font-size: 52px;
  line-height: 1.5;
}

.fs-48 {
  font-size: 48px;
  line-height: 1.5;
}

.fs-42 {
  font-size: 42px;
  line-height: 1.5;
}

.fs-36 {
  font-size: 36px;
  line-height: 1.5;
}

.fs-32 {
  font-size: 32px;
  line-height: 1.5;
}

.fs-28 {
  font-size: 28px;
  line-height: 1.5;
}

.fs-24 {
  font-size: 24px;
  line-height: 1.5;
}

.fs-20 {
  font-size: 20px;
  line-height: 1;
}

.fs-18 {
  font-size: 18px;
  line-height: 1.5;
}

.fs-14 {
  font-size: 14px;
  line-height: 1.5;
}

.fs-13 {
  font-size: 13px;
}

.fs-12 {
  font-size: 12px;
  line-height: 1.5;
}

.fs-10 {
  font-size: 10px;
  line-height: 1.5;
}

.fw-700 {
  font-weight: 700;
}

.fw-600 {
  font-weight: 600;
}

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

.fw-400 {
  font-weight: 400;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-36 {
  padding-bottom: 36px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-14 {
  padding-bottom: 14px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pt-100 {
  padding-top: 100px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-36 {
  padding-top: 36px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-14 {
  padding-top: 14px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-4 {
  padding-top: 4px !important;
}

.mt-100 {
  margin-top: 100px;
}

.mt-88 {
  margin-top: 88px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-56 {
  margin-top: 56px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-4 {
  margin-top: 4px !important;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-minus-1 {
  margin-bottom: -1px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-28 {
  margin-left: 28px;
}

.ml-26 {
  margin-left: 26px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-4 {
  margin-left: 18px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.pl-100 {
  padding-left: 100px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-64 {
  padding-left: 64px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-36 {
  padding-left: 36px;
}

.pl-32 {
  padding-left: 32px;
}

.pl-28 {
  padding-left: 28px;
}

.pl-24 {
  padding-left: 24px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-9 {
  padding-left: 9px;
}

.pl-8 {
  padding-left: 8px;
}

.pl-4 {
  padding-left: 4px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pr-4 {
  padding-right: 4px !important;
}

.p-40 {
  padding: 40px;
}

.p-36 {
  padding: 36px;
}

.p-32 {
  padding: 32px;
}

.p-28 {
  padding: 28px;
}

.p-24 {
  padding: 24px;
}

.p-20 {
  padding: 20px;
}

.p-16 {
  padding: 16px;
}

.p-14 {
  padding: 14px;
}

.p-12 {
  padding: 12px;
}

.p-8 {
  padding: 8px;
}

.hidden {
  visibility: hidden;
}

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

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

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.flex-item-baseline {
  display: flex;
  align-items: baseline;
}

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

.flex-columns-item-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

.flex-columns-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

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

.d-flex {
  display: flex;
}

.row-gap-60 {
  row-gap: 60px;
}

.row-gap-40 {
  row-gap: 40px;
}

.row-gap-32 {
  row-gap: 32px;
}

.row-gap-24 {
  row-gap: 24px;
}

.row-gap-20 {
  row-gap: 20px;
}

.row-gap-12 {
  row-gap: 12px;
}

.row-gap-6 {
  row-gap: 6px;
}

.row-gap-4 {
  row-gap: 4px;
}

.gap-80 {
  gap: 80px;
}

.gap-60 {
  gap: 60px;
}

.gap-40 {
  gap: 40px;
}

.gap-30 {
  gap: 30px;
}

.gap-24 {
  gap: 24px;
}

.gap-20 {
  gap: 20px;
}

.gap-16 {
  gap: 16px;
}

.gap-12 {
  gap: 12px;
}

.gap-10 {
  gap: 10px;
}

.gap-8 {
  gap: 8px;
}

.gap-4 {
  gap: 4px;
}

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

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

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

.text-upper {
  text-transform: uppercase;
}

.w-350 {
  width: 350px;
}

.w-120 {
  width: 120px;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.w-60 {
  width: 60px;
}

.wd-60 {
  width: 60%;
}

.h-60 {
  height: 60px;
}

.w-48 {
  width: 48px;
}

.h-48 {
  height: 48px;
}

.w-40 {
  width: 40px;
}

.h-40 {
  height: 40px;
}

.w-28 {
  width: 28px;
}

.h-28 {
  height: 28px;
}

.w-24 {
  width: 24px;
}

.h-24 {
  height: 24px;
}

.w-1 {
  width: 1px;
}

.h-120 {
  height: 50rem;
}

.h-88 {
  height: 88px;
}

.h-80 {
  height: 80px;
}

.h-44 {
  height: 44px;
}

.bora-100 {
  border-radius: 100px;
}

.bora-50 {
  border-radius: 50%;
}

.bora-48 {
  border-radius: 48px;
}

.bora-40 {
  border-radius: 40px;
}

.bora-24 {
  border-radius: 24px;
}

.bora-20 {
  border-radius: 20px;
}

.bora-16 {
  border-radius: 16px;
}

.bora-12 {
  border-radius: 12px;
}

.bora-8 {
  border-radius: 8px;
}

.bora-4 {
  border-radius: 4px;
}

.bora-0 {
  border: none;
  border-radius: 0 !important;
}

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

.border-blue-2px {
  border: 2px solid var(--blue);
}

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

.border-grey-2px {
  border: 2px solid var(--grey);
}

.border-white-2px {
  border: 2px solid var(--white);
}

.border-black-1px {
  border: 1px solid #767676;
}

.border-black-2px {
  border: 2px solid #767676;
}

.border-transparent {
  border: 1px solid transparent;
}

.border-none {
  border: none;
}

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

.border-line {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

.line-x {
  width: 100%;
  height: 1px;
  background-color: var(--line);
}

.line-y {
  height: 100%;
  width: 1px;
  background-color: var(--line);
}

.outline-none {
  outline: none;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

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

.hidden {
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.hover-underline:hover {
  text-decoration: underline;
}

.text-underline {
  text-decoration: underline;
}

.pointer {
  cursor: pointer;
}

.hover-scale {
  transition: all ease 0.8s;
  cursor: pointer;
}

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

.hover-button-black {
  transition: all ease 0.5s;
  cursor: pointer;
}

.hover-button-black:hover {
  background-color: var(--on-surface);
  color: white;
}

.hover-bg-white {
  transition: all ease 0.5s;
  cursor: pointer;
}

.hover-bg-white i {
  transition: all ease 0.5s;
}

.hover-bg-white:hover {
  background-color: var(--white);
  color: var(--on-surface);
}

.hover-bg-white:hover i {
  color: var(--on-surface);
}

.hover-bg-gradient {
  transition: all ease 0.5s;
  cursor: pointer;
}

.hover-bg-gradient:hover {
  background-color: var(--gradient) !important;
}

.hover-bg-success {
  transition: all ease 0.5s;
  cursor: pointer;
}

.hover-bg-success:hover {
  background-color: var(--success);
}

.hover-text-blue {
  transition: all ease 0.3s;
  cursor: pointer;
}

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

.hover-text-success {
  transition: all ease 0.3s;
  cursor: pointer;
}

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

.hover-text-orange {
  transition: all ease 0.3s;
  cursor: pointer;
}

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

.hover-border-white {
  transition: all ease 0.3s;
  cursor: pointer;
}

.hover-border-white:hover {
  border: 1px solid var(--white);
  opacity: 0.9;
}

.hover-opacity:hover {
  opacity: 0.9;
}

.hover-bg-blue {
  transition: all ease 0.3s;
  cursor: pointer;
}

.hover-bg-blue:hover {
  background-color: var(--blue);
  color: var(--white);
}

.hover-border-blue {
  transition: all ease 0.3s;
  cursor: pointer;
  border: 2px solid transparent;
}

.hover-border-blue:hover {
  background-color: var(--white);
  color: var(--blue);
  border: 2px solid var(--blue);
}

.hover-box-shadow {
  box-shadow: 9px 12px 15px 0px rgb(28 36 51 / 63%);
  transition: ease-in-out 0.3s;
}

.hover-box-shadow-2 {
  box-shadow: 9px 12px 15px 0px rgb(28 36 51 / 63%);
  transition: all ease 0.3s;
  min-height: 500px;
}

.hover-box-shadow:hover {
  box-shadow: 1px 5px 20px 0px rgba(37, 82, 91, 0.2);
}

.box-shadow {
  box-shadow: 9px 12px 15px 0px rgb(28 36 51 / 63%);
  transition: all ease 0.3s;
}

.box-shadow-none:hover {
  box-shadow: none;
}

.icon-on-surface::before {
  color: var(--on-surface);
}

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

.header-menu {
  box-shadow: 0px 5px 25px rgba(58, 64, 67, 0.1);
  width: 100%;
}

.header-menu .menu-center-block .nav-item {
  padding: 0 12px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.header-menu .menu-center-block .nav-item .sub-nav {
  position: absolute;
  width: 260px;
  left: -10px;
  top: 100px;
  padding-top: 4px;
  padding-bottom: 8px;
  background-color: #fff;
  z-index: 5;
  box-shadow: 0px 5px 25px rgba(58, 64, 67, 0.1);
  opacity: 0;
}

.header-menu .menu-center-block .nav-item .sub-nav .sub-nav-item {
  padding: 16px 20px;
}

.header-menu .menu-center-block .nav-item .sub-nav .sub-nav-item a {
  position: relative;
  transition: all ease 0.3s;
  padding-top: 16px;
  padding-bottom: 16px;
}

.header-menu .menu-center-block .nav-item .sub-nav .sub-nav-item a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 51%;
  transform: translateY(-50%);
  width: 0;
  height: 2px;
  background-color: var(--blue);
  border-radius: 6px;
  transition: all ease 0.3s;
}

.header-menu .menu-center-block .nav-item .sub-nav .sub-nav-item:hover a {
  color: var(--blue);
  padding-left: 20px;
}

.header-menu .menu-center-block .nav-item .sub-nav .sub-nav-item:hover a::before {
  width: 12px;
}

.header-menu .menu-center-block .nav-item .sub-nav .sub-nav-item.active a {
  color: var(--blue);
  padding-left: 20px;
}

.header-menu .menu-center-block .nav-item .sub-nav .sub-nav-item.active a::before {
  width: 12px;
}

.header-menu .menu-center-block .nav-item:hover .nav-link {
  color: var(--blue);
}

.header-menu .menu-center-block .nav-item:hover .sub-nav {
  top: 80px;
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.3s;
}

.header-menu #menu-mobile-block {
  z-index: 100;
}

.header-menu #menu-mobile-block .sub-nav-mobile .sub-nav-item a {
  position: relative;
}

.header-menu #menu-mobile-block .sub-nav-mobile .sub-nav-item a::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1.2px;
  background: var(--blue);
}

.header-menu #menu-mobile-block .sub-nav-mobile .sub-nav-item:hover>a {
  color: var(--blue);
}

.header-menu #menu-mobile-block .sub-nav-mobile .sub-nav-item.active a {
  color: var(--blue);
  padding-left: 16px;
}

.header-menu #menu-mobile-block .sub-nav-mobile .sub-nav-item.active a::before {
  width: 10px;
}

.style-home-two {
  display: unset;
}

.style-home-two .home .sub-nav li:nth-child(2) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-home-two .home .sub-nav li:nth-child(2) a::before {
  width: 12px !important;
}

.style-home-two .home .sub-nav-mobile li:nth-child(3) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-home-two .home .sub-nav-mobile li:nth-child(3) a::before {
  width: 10px !important;
}

.style-home-three .header-menu {
  background-color: var(--dark-purple);
  color: var(--white);
}

.style-home-three .header-menu .menu-left-block img:first-child {
  display: none;
}

.style-home-three .header-menu .menu-left-block img:last-child {
  display: block;
  width: 149px;
}

.style-home-three .header-menu .menu-center-block>ul .nav-item>a {
  color: var(--white);
}

.style-home-three .header-menu .menu-center-block>ul .nav-item:hover>a {
  color: var(--gradient);
}

.style-home-three .header-menu .menu-center-block>ul .nav-item .sub-nav li:hover a {
  color: var(--gradient);
}

.style-home-three .header-menu .menu-center-block>ul .nav-item .sub-nav li:hover a::before {
  background-color: var(--gradient);
}

.style-home-three .header-menu .sub-nav-mobile li:hover>a {
  color: var(--gradient) !important;
}

.style-home-three .header-menu .menu-right-block .text-button-small {
  display: block;
}

.style-home-three .header-menu .menu-right-block .list-social a i::before {
  color: var(--white);
}

.style-home-three .header-menu .menu-right-block .menu-humburger i {
  color: var(--white);
}

.style-home-three .home .sub-nav li:nth-child(2) a {
  color: var(--on-surface);
  padding-left: 0;
}

.style-home-three .home .sub-nav li:nth-child(2) a::before {
  width: 0 !important;
}

.style-home-three .home .sub-nav li:nth-child(2):hover a::before {
  width: 12px !important;
}

.style-home-three .home .sub-nav li:nth-child(3) a {
  color: var(--gradient);
  padding-left: 20px;
}

.style-home-three .home .sub-nav li:nth-child(3) a::before {
  width: 12px !important;
  background-color: var(--gradient) !important;
}

.style-home-three .home .sub-nav-mobile li:nth-child(3) a {
  color: var(--on-surface);
  padding-left: 0;
}

.style-home-three .home .sub-nav-mobile li:nth-child(3) a::before {
  width: 0 !important;
}

.style-home-three .home .sub-nav-mobile li:nth-child(4) a {
  color: var(--gradient);
  padding-left: 16px;
}

.style-home-three .home .sub-nav-mobile li:nth-child(4) a::before {
  width: 10px !important;
  background-color: var(--gradient) !important;
}

.style-home-four {
  display: unset;
}

.style-home-four .header-menu .menu-center-block .nav-item:hover>a {
  color: var(--success);
}

.style-home-four .header-menu .menu-center-block .nav-item:hover .sub-nav {
  top: 88px;
}

.style-home-four .header-menu .menu-center-block .nav-item:first-child {
  padding-left: 0;
}

.style-home-four .header-menu .menu-center-block .nav-item .sub-nav li:hover>a {
  color: var(--success) !important;
}

.style-home-four .header-menu .menu-center-block .nav-item .sub-nav li:hover>a::before {
  background-color: var(--success) !important;
}

.style-home-four .sub-nav-mobile li:hover>a {
  color: var(--success) !important;
}

.style-home-four .home .sub-nav li:hover>a {
  color: var(--success) !important;
}

.style-home-four .home .sub-nav li:hover>a::before {
  background-color: var(--success) !important;
}

.style-home-four .home .sub-nav li:nth-child(4) a {
  color: var(--success);
  padding-left: 20px;
}

.style-home-four .home .sub-nav li:nth-child(4) a::before {
  width: 12px !important;
  background-color: var(--success) !important;
}

.style-home-four .home .sub-nav-mobile li:nth-child(5) a {
  color: var(--success);
  padding-left: 16px;
}

.style-home-four .home .sub-nav-mobile li:nth-child(5) a::before {
  width: 10px !important;
  background-color: var(--success) !important;
}

.style-home-five {
  display: unset;
}

.style-home-five .home .sub-nav li:nth-child(5) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-home-five .home .sub-nav li:nth-child(5) a::before {
  width: 12px !important;
}

.style-home-five .home .sub-nav-mobile li:nth-child(6) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-home-five .home .sub-nav-mobile li:nth-child(6) a::before {
  width: 10px !important;
}

.style-home-five .menu-right-block .icon-call i::before {
  color: var(--on-surface);
}

.style-home-six {
  display: unset;
}

.style-home-six .home .sub-nav li:nth-child(6) a {
  color: var(--orange);
  padding-left: 20px;
}

.style-home-six .home .sub-nav li:nth-child(6) a::before {
  width: 12px !important;
  background-color: var(--orange) !important;
}

.style-home-six .home .sub-nav-mobile li:nth-child(7) a {
  color: var(--orange);
  padding-left: 16px;
}

.style-home-six .home .sub-nav-mobile li:nth-child(7) a::before {
  width: 10px !important;
  background-color: var(--orange) !important;
}

.style-home-six .header-menu.style-six #menu-mobile-block {
  border-top: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all ease 0.5s;
  z-index: -1;
}

.style-home-six .header-menu.style-six #menu-mobile-block .menu-mobile-main {
  bottom: 0;
  left: -75%;
  width: 75%;
  height: auto;
  max-height: unset;
}

.style-home-six .header-menu.style-six #menu-mobile-block .menu-mobile-main .sub-nav-mobile .sub-nav-item:hover>a {
  color: var(--orange);
}

.style-home-six .header-menu.style-six #menu-mobile-block .close-block {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.5s;
  cursor: pointer;
}

.style-home-six .header-menu.style-six #menu-mobile-block .close-block i {
  font-size: 14px;
  margin-left: 1px;
}

.style-home-six .header-menu.style-six #menu-mobile-block .close-block:hover {
  background-color: var(--white);
}

.style-home-six .header-menu.style-six #menu-mobile-block.open {
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

.style-home-six .header-menu.style-six #menu-mobile-block.open .menu-mobile-main {
  left: 0;
}

.style-home-six .header-menu.style-six .container .header-main {
  position: relative;
}

.style-home-six .header-menu.style-six .container .header-main .menu-header {
  background-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(29.5px);
  position: absolute;
  z-index: 10;
  border-radius: 80px;
  padding: 0 24px;
  width: 100%;
  top: 21px;
}

.style-home-six .header-menu.style-six .container .header-main .menu-header .menu-nav>li {
  padding: 27px 12px;
}

.style-home-six .header-menu.style-six .container .header-main .menu-header .menu-nav>li:hover>a {
  color: var(--orange) !important;
}

.style-home-six .header-menu.style-six .container .header-main .menu-header .menu-nav>li .sub-nav li:hover>a {
  color: var(--orange) !important;
}

.style-home-six .header-menu.style-six .container .header-main .menu-header .menu-nav>li .sub-nav li:hover>a::before {
  background-color: var(--orange) !important;
}

@media (max-width: 1169.99px) {
  .style-home-six .header-menu.style-six .container .header-main .menu-header .menu-nav>li {
    padding: 27px 6px;
  }
}

@media (max-width: 1023.99px) {
  .style-home-six .header-menu.style-six .container .header-main .menu-header {
    padding: 14px 24px;
  }

  .style-home-six .header-menu.style-six .container .header-main .menu-header .menu-right-block a {
    display: none;
  }
}

@media (max-width: 575.99px) {
  .style-home-six .header-menu.style-six .container .header-main .menu-header {
    padding: 10px 16px;
  }

  .style-home-six .header-menu.style-six .container .header-main .menu-header .menu-left-block img {
    width: 110px;
    display: block;
  }

  .style-home-six .header-menu.style-six .container .header-main .menu-header .menu-right-block .menu-humburger {
    display: flex;
  }

  .style-home-six .header-menu.style-six .container .header-main .menu-header .menu-right-block .menu-humburger i {
    font-size: 20px;
  }
}

.style-about-one .about .sub-nav li:first-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-about-one .about .sub-nav li:first-child a::before {
  width: 12px !important;
}

.style-about-one .about .sub-nav-mobile li:nth-child(2) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-about-one .about .sub-nav-mobile li:nth-child(2) a::before {
  width: 10px !important;
}

.style-about-two .about .sub-nav li:last-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-about-two .about .sub-nav li:last-child a::before {
  width: 12px !important;
}

.style-about-two .about .sub-nav-mobile li:nth-child(3) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-about-two .about .sub-nav-mobile li:nth-child(3) a::before {
  width: 10px !important;
}

.style-service-sidetab .services .sub-nav li:first-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-service-sidetab .services .sub-nav li:first-child a::before {
  width: 12px !important;
}

.style-service-sidetab .services .sub-nav-mobile li:nth-child(2) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-service-sidetab .services .sub-nav-mobile li:nth-child(2) a::before {
  width: 10px !important;
}

.style-service-tab-style .services .sub-nav li:nth-child(2) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-service-tab-style .services .sub-nav li:nth-child(2) a::before {
  width: 12px !important;
}

.style-service-tab-style .services .sub-nav-mobile li:nth-child(3) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-service-tab-style .services .sub-nav-mobile li:nth-child(3) a::before {
  width: 10px !important;
}

.style-service-detail .services .sub-nav li:last-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-service-detail .services .sub-nav li:last-child a::before {
  width: 12px !important;
}

.style-service-detail .services .sub-nav-mobile li:nth-child(4) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-service-detail .services .sub-nav-mobile li:nth-child(4) a::before {
  width: 10px !important;
}

.style-case-one .case .sub-nav li:first-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-case-one .case .sub-nav li:first-child a::before {
  width: 12px !important;
}

.style-case-one .case .sub-nav-mobile li:nth-child(2) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-case-one .case .sub-nav-mobile li:nth-child(2) a::before {
  width: 10px !important;
}

.style-case-two .case .sub-nav li:nth-child(2) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-case-two .case .sub-nav li:nth-child(2) a::before {
  width: 12px !important;
}

.style-case-two .case .sub-nav-mobile li:nth-child(3) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-case-two .case .sub-nav-mobile li:nth-child(3) a::before {
  width: 10px !important;
}

.style-case-detail .case .sub-nav li:last-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-case-detail .case .sub-nav li:last-child a::before {
  width: 12px !important;
}

.style-case-detail .case .sub-nav-mobile li:nth-child(4) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-case-detail .case .sub-nav-mobile li:nth-child(4) a::before {
  width: 10px !important;
}

.style-contact-one .contact .sub-nav li:first-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-contact-one .contact .sub-nav li:first-child a::before {
  width: 12px !important;
}

.style-contact-one .contact .sub-nav-mobile li:nth-child(2) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-contact-one .contact .sub-nav-mobile li:nth-child(2) a::before {
  width: 10px !important;
}

.style-contact-two .contact .sub-nav li:last-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-contact-two .contact .sub-nav li:last-child a::before {
  width: 12px !important;
}

.style-contact-two .contact .sub-nav-mobile li:nth-child(3) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-contact-two .contact .sub-nav-mobile li:nth-child(3) a::before {
  width: 10px !important;
}

.style-faqs .pages .sub-nav li:first-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-faqs .pages .sub-nav li:first-child a::before {
  width: 12px !important;
}

.style-faqs .pages .sub-nav-mobile li:nth-child(2) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-faqs .pages .sub-nav-mobile li:nth-child(2) a::before {
  width: 10px !important;
}

.style-pricing .pages .sub-nav li:nth-child(2) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-pricing .pages .sub-nav li:nth-child(2) a::before {
  width: 12px !important;
}

.style-pricing .pages .sub-nav-mobile li:nth-child(3) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-pricing .pages .sub-nav-mobile li:nth-child(3) a::before {
  width: 10px !important;
}

.style-partners .pages .sub-nav li:last-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-partners .pages .sub-nav li:last-child a::before {
  width: 12px !important;
}

.style-partners .pages .sub-nav-mobile li:nth-child(4) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-partners .pages .sub-nav-mobile li:nth-child(4) a::before {
  width: 10px !important;
}

.style-blog-list-one .blog .sub-nav li:first-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-blog-list-one .blog .sub-nav li:first-child a::before {
  width: 12px !important;
}

.style-blog-list-one .blog .sub-nav-mobile li:nth-child(2) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-blog-list-one .blog .sub-nav-mobile li:nth-child(2) a::before {
  width: 10px !important;
}

.style-blog-list-two .blog .sub-nav li:nth-child(2) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-blog-list-two .blog .sub-nav li:nth-child(2) a::before {
  width: 12px !important;
}

.style-blog-list-two .blog .sub-nav-mobile li:nth-child(3) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-blog-list-two .blog .sub-nav-mobile li:nth-child(3) a::before {
  width: 10px !important;
}

.style-blog-grid .blog .sub-nav li:nth-child(3) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-blog-grid .blog .sub-nav li:nth-child(3) a::before {
  width: 12px !important;
}

.style-blog-grid .blog .sub-nav-mobile li:nth-child(4) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-blog-grid .blog .sub-nav-mobile li:nth-child(4) a::before {
  width: 10px !important;
}

.style-blog-masonry .blog .sub-nav li:nth-child(4) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-blog-masonry .blog .sub-nav li:nth-child(4) a::before {
  width: 12px !important;
}

.style-blog-masonry .blog .sub-nav-mobile li:nth-child(5) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-blog-masonry .blog .sub-nav-mobile li:nth-child(5) a::before {
  width: 10px !important;
}

.style-blog-detail-one .blog .sub-nav li:nth-child(5) a {
  color: var(--blue);
  padding-left: 20px;
}

.style-blog-detail-one .blog .sub-nav li:nth-child(5) a::before {
  width: 12px !important;
}

.style-blog-detail-one .blog .sub-nav-mobile li:nth-child(6) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-blog-detail-one .blog .sub-nav-mobile li:nth-child(6) a::before {
  width: 10px !important;
}

.style-blog-detail-two .blog .sub-nav li:last-child a {
  color: var(--blue);
  padding-left: 20px;
}

.style-blog-detail-two .blog .sub-nav li:last-child a::before {
  width: 12px !important;
}

.style-blog-detail-two .blog .sub-nav-mobile li:nth-child(7) a {
  color: var(--blue);
  padding-left: 16px;
}

.style-blog-detail-two .blog .sub-nav-mobile li:nth-child(7) a::before {
  width: 10px !important;
}

.top-nav.style-one .list-social .item i {
  margin-left: 2px;
}

.top-nav.style-one .list-social .item:nth-child(3) i,
.top-nav.style-one .list-social .item:nth-child(4) i,
.top-nav.style-one .list-social .item:nth-child(5) i {
  margin-top: 1px;
}

.top-nav.style-one .list-social .item:hover {
  background-color: var(--white);
}

.top-nav.style-one .list-social .item:hover i::before {
  color: var(--blue);
}

.list-social.style-two .item:hover {
  background-color: var(--on-surface);
}

.list-social.style-two .item:hover i::before {
  color: var(--white);
}

.style-home-three .header-menu .menu-right-block .list-social .item:hover {
  background-color: #fff;
}

.style-home-three .header-menu .menu-right-block .list-social .item:hover i::before {
  color: var(--gradient);
}

.style-home-three .header-menu .menu-right-block .list-social .item:nth-child(3) i {
  margin-left: 3px;
  margin-top: 1px;
}

.style-home-three .header-menu .menu-right-block .list-social .item:nth-child(4) i {
  margin-left: 2px;
}

.style-home-three .header-menu .menu-right-block .list-social .item:nth-child(5) i {
  margin-left: 2px;
}

.top-nav.style-four .right-block .list-social .item:hover i::before {
  color: var(--success);
}

.top-nav.style-four .right-block .list-social .item:nth-child(4) i {
  margin-left: 1px;
}

.style-home-five .top-nav.style-one {
  background-color: var(--on-surface);
}

.style-home-five .top-nav.style-one select {
  background-color: var(--on-surface);
}

.style-home-six .top-nav.style-one {
  background-color: var(--on-surface);
}

.style-home-six .top-nav.style-one .list-social .item i {
  margin-left: 2px;
}

.style-home-six .top-nav.style-one .list-social .item:nth-child(3) i,
.style-home-six .top-nav.style-one .list-social .item:nth-child(4) i,
.style-home-six .top-nav.style-one .list-social .item:nth-child(5) i {
  margin-top: 1px;
}

.style-home-six .top-nav.style-one .list-social .item:hover {
  background-color: var(--white);
}

.style-home-six .top-nav.style-one .list-social .item:hover i::before {
  color: var(--orange);
}

.style-home-six .top-nav.style-one select {
  background-color: var(--on-surface);
}

.slider-block {
  position: relative;
}

.slider-block .slider-main {
  position: relative;
}

.slider-block .slider-main .slider-item {
  position: relative;
  padding: 150px 0;
}

.slider-block .slider-main .slider-item .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.slider-block .slider-main .slider-item .bg-img img {
  object-fit: cover;
}

.slider-block .slider-main .slider-item .bg-img:hover {
  box-shadow: 9px 20px 10px 0 #929191;
  transition: all ease 0.3s;
  z-index: 999;
}

.slider-block .slider-main .slider-item .container {
  position: relative;
  height: 100%;
  z-index: 2;
}

.slider-block .slider-main .slider-item .container .text-content {
  position: absolute;
  top: 15px;
  transform: translateY(-50%);
  padding-right: 15px;
}

@media (max-width: 500.99px) {
  .slider-block .slider-main .slider-item .text-content br {
    display: none;
  }
}

.slider-block .slider-main .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  gap: 16px;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}

.slider-block .slider-main .slick-dots li {
  position: relative;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.slider-block .slider-main .slick-dots li button {
  display: none;
}

.slider-block .slider-main .slick-dots li::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--secondary);
  transition: 0.5s;
}

.slider-block .slider-main .slick-dots li.slick-active {
  border: 1px solid var(--on-surface);
  background-color: #fff;
}

.slider-block .slider-main .slick-dots li.slick-active::after {
  background-color: var(--on-surface);
  border: 1px solid var(--on-surface);
}

@media (max-width: 2200.99px) {
  .slider-block .slider-main .slider-item {
    height: 940px;
  }
}

@media (max-width: 1919.99px) {
  .slider-block .slider-main .slider-item {
    height: 820px;
  }
}

@media (max-width: 1599.99px) {
  .slider-block .slider-main .slider-item {
    height: 640px;
  }
}

@media (max-width: 1169.99px) {
  .slider-block .slider-main .slider-item {
    height: 580px;
  }
}

@media (max-width: 767.99px) {
  .slider-block .slider-main .slider-item {
    height: 500px;
  }
}

@media (max-width: 575.99px) {
  .slider-block .slider-main .slider-item {
    height: 420px;
  }

  .slider-block .slider-main .slider-item .bg-img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
  }

  .slider-block .slider-main .slider-item .container .text-content {
    top: 46%;
  }

  .slider-block .slider-main .slick-dots {
    bottom: 20px;
  }
}

.slider-block .prev-arrow,
.slider-block .next-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: flex !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.5s;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}

.slider-block .prev-arrow:hover,
.slider-block .next-arrow:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.slider-block .prev-arrow {
  left: 20px;
}

.slider-block .next-arrow {
  right: 20px;
}

.slider-block:hover .prev-arrow,
.slider-block:hover .next-arrow {
  opacity: 1;
  visibility: visible;
}

.slider-block .prev-arrow.slick-disabled,
.slider-block .next-arrow.slick-disabled {
  display: none !important;
}

@media (max-width: 1023.99px) {

  .slider-block .prev-arrow,
  .slider-block .next-arrow {
    display: none !important;
  }
}

.slider-block.style-two .slider-main .slider-item {
  background-color: #f8f4ec;
  padding: 150px 0 0;
}

.slider-block.style-two .slider-main .slider-item .container {
  display: flex;
  align-items: flex-end;
}

.slider-block.style-two .slider-main .slider-item .container .text-content {
  position: relative;
}

.slider-block.style-two .slider-main .slider-item .container .text-content .button-block {
  height: 64px;
  width: 80%;
  position: relative;
}

.slider-block.style-two .slider-main .slider-item .container .text-content .button-block input {
  width: 100%;
  height: 100%;
  padding: 8px 190px 8px 24px;
  border-radius: 52px;
}

.slider-block.style-two .slider-main .slider-item .container .text-content .button-block a {
  position: absolute;
  top: 7px;
  display: flex;
  align-items: center;
}

@media (max-width: 1919.99px) {
  .slider-block.style-two .slider-main .slider-item {
    height: 760px;
  }
}

@media (max-width: 1599.99px) {
  .slider-block.style-two .slider-main .slider-item {
    height: auto;
  }
}

.slider-block.style-two .slider-img {
  position: relative;
  bottom: 155px;
}

.slider-block.style-two .slider-img .bg-main {
  height: 530px;
  padding-right: 50px;
}

.slider-block.style-two .slider-img>img:nth-child(2) {
  height: 195px;
  position: absolute;
  top: 100px;
  left: -55px;
  animation: moveY 10s ease infinite;
}

.slider-block.style-two .slider-img>img:last-child {
  height: 250px;
  position: absolute;
  bottom: 56px;
  right: 0px;
  animation: moveX 10s ease infinite;
}

.slider-block.style-two .slick-dots {
  display: none;
}

@media (max-width: 1023.99px) {
  .slider-block.style-two .slider-main .slider-item {
    height: 560px;
  }

  .slider-block.style-two .slider-main .slider-item .heading2 br {
    display: none;
  }

  .slider-block.style-two .slider-main .slider-item .slider-img {
    display: none;
  }
}

@media (max-width: 575.99px) {
  .slider-block.style-two .slider-main .slider-item {
    height: 380px;
  }

  .slider-block.style-two .slider-main .slider-item .container .text-content .button-block {
    width: 100%;
  }

  .slider-block.style-two .slider-main .slider-item .container .text-content .button-block input {
    height: 54px;
    border-radius: 32px;
  }
}

.slider-block.style-three {
  border-top: 1px solid #4b4b4b;
}

.slider-block.style-three .slider-main .slider-item {
  height: 690px;
  background-color: var(--dark-purple);
  overflow: hidden;
}

.slider-block.style-three .slider-main .slider-item .row {
  padding-top: 120px;
  position: relative;
  height: 100%;
}

.slider-block.style-three .slider-main .slider-item .row .slider-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1300px) {
  .slider-block.style-three .slider-main .slider-item .row .heading2 br {
    display: none;
  }
}

@media (max-width: 991.99px) {
  .slider-block.style-three .slider-main .slider-item .row {
    padding-top: 60px;
    flex-direction: column;
  }
}

@media (max-width: 767.99px) {
  .slider-block.style-three .slider-main .slider-item .row {
    flex-wrap: unset;
    justify-content: unset;
    row-gap: 32px;
  }

  .slider-block.style-three .slider-main .slider-item .row .left-block,
  .slider-block.style-three .slider-main .slider-item .row .right-block {
    flex: unset;
    width: 100%;
    max-width: 100%;
  }

  .slider-block.style-three .slider-main .slider-item .row .count {
    justify-content: space-around;
  }

  .slider-block.style-three .slider-main .slider-item .row .count .left,
  .slider-block.style-three .slider-main .slider-item .row .count .right {
    text-align: center;
  }
}

.slider-block.style-three .slider-main .slick-dots {
  display: none;
}

@media (max-width: 1599.99px) {
  .slider-block.style-three .slider-main .slider-item {
    height: 620px;
  }

  .slider-block.style-three .slider-main .slider-item .row {
    height: 620px;
    padding-top: 80px;
  }
}

@media (max-width: 991.99px) {
  .slider-block.style-three .slider-main .slider-item {
    height: 600px;
  }

  .slider-block.style-three .slider-main .slider-item .row {
    height: 600px;
  }
}

@media (max-width: 767.99px) {
  .slider-block.style-three .slider-main .slider-item {
    height: 500px;
  }

  .slider-block.style-three .slider-main .slider-item .row {
    height: 500px;
    padding-top: 40px;
  }
}

@media (max-width: 400.99px) {
  .slider-block.style-three .slider-main .slider-item {
    height: 550px;
  }

  .slider-block.style-three .slider-main .slider-item .row {
    height: 550px;
    row-gap: 24px;
  }
}

.slider-block.style-four .text-content .button-block a:last-child {
  padding-top: 6px;
  padding-bottom: 6px;
  gap: 12px;
  transition: all ease 0.4s;
}

.slider-block.style-four .text-content .button-block a:last-child i {
  width: 38px;
  height: 38px;
  border: 2px solid var(--critical);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.4s;
}

.slider-block.style-four .text-content .button-block a:last-child:hover {
  color: var(--success);
  gap: 16px;
}

.slider-block.style-four .text-content .button-block a:last-child:hover i {
  background-color: var(--critical);
  color: var(--white);
}

@media (max-width: 575.99px) {
  .slider-block.style-four .text-content .button-block a:last-child {
    padding: 6px 0;
  }
}

.slider-block.style-four .slider-main .slider-item {
  height: 1060px;
}

@media (max-width: 2400.99px) {
  .slider-block.style-four .slider-main .slider-item {
    height: 980px;
  }
}

@media (max-width: 2200.99px) {
  .slider-block.style-four .slider-main .slider-item {
    height: 840px;
  }
}

@media (max-width: 1919.99px) {
  .slider-block.style-four .slider-main .slider-item {
    height: 740px;
  }
}

@media (max-width: 1599.99px) {
  .slider-block.style-four .slider-main .slider-item {
    height: 620px;
  }
}

@media (max-width: 768.99px) {
  .slider-block.style-four .slider-main .slider-item {
    height: 460px;
  }
}

@media (max-width: 575.99px) {
  .slider-block.style-four .text-content br {
    display: none;
  }
}

@media (max-width: 380.99px) {
  .slider-block.style-four .slider-main .button-block {
    flex-direction: column;
    align-items: flex-start;
  }
}

.slider-block.style-six .slider-main .slider-item {
  height: 1080px;
}

.slider-block.style-six .slider-main .slider-item .bg-img img {
  width: 110%;
}

.slider-block.style-six .slick-dots {
  display: none;
}

@media (max-width: 2200.99px) {
  .slider-block.style-six .slider-main .slider-item {
    height: 920px;
  }
}

@media (max-width: 1919.99px) {
  .slider-block.style-six .slider-main .slider-item {
    height: 820px;
  }
}

@media (max-width: 1599.99px) {
  .slider-block.style-six .slider-main .slider-item {
    height: 700px;
  }
}

@media (max-width: 1169.99px) {
  .slider-block.style-six .slider-main .slider-item {
    height: 640px;
  }
}

@media (max-width: 575.99px) {
  .slider-block.style-six .slider-main .slider-item {
    height: 460px;
  }

  .slider-block.style-six .slider-main .slider-item .bg-img::before {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
  }

  .slider-block.style-six .slider-main .slider-item .container .text-content {
    top: 55%;
    z-index: 2;
  }
}

@keyframes moveY {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes moveX {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(20px);
  }

  100% {
    transform: translateX(0px);
  }
}

.payment-gateway-one {
  position: relative;
}

.payment-gateway-one>.bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  bottom: 0;
}

.payment-gateway-one>.bg-img img {
  object-fit: cover;
}

.payment-gateway-one .row {
  justify-content: right;
}

.payment-gateway-one .row .col-12.col-xl-6 .payment-infor {
  padding-top: 150px;
  padding-bottom: 150px;
  padding-left: 80px;
  gap: 32px;
}

.payment-gateway-one .row .col-12.col-xl-6 .payment-infor .heading .bg-img {
  width: 120px;
}

.payment-gateway-one .button-block {
  position: relative;
}

.payment-gateway-one .button-block .button-share:nth-child(2) {
  z-index: 1;
}

.payment-gateway-one .button-block>img {
  position: absolute;
  left: 376px;
  z-index: 0;
}

@media (max-width: 1169.99px) {
  .payment-gateway-one>.bg-img {
    width: 100%;
    position: relative;
  }

  .payment-gateway-one .row .col-12.col-xl-6 .payment-infor {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0px;
  }
}

@media (max-width: 767.99px) {
  .payment-gateway-one .row .col-12.col-xl-6 .payment-infor {
    padding-top: 20px;
    padding-bottom: 32px;
    gap: 16px;
  }

  .payment-gateway-one .button-block .button-share.pt-14.pb-14 {
    padding: 11px 24px;
  }

  .payment-gateway-one .button-block img {
    left: 300px;
  }
}

@media (max-width: 399.99px) {
  .payment-gateway-one .button-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .payment-gateway-one .button-block img {
    left: 144px;
    top: 36px;
  }
}

@keyframes moveY {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes moveX {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(20px);
  }

  100% {
    transform: translateX(0px);
  }
}

.payment-gateway-two .container .row.row-gap-32>div:last-child .right {
  position: relative;
}

.payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item {
  position: absolute;
}

.payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(2) {
  left: 40px;
  top: 18%;
  animation: moveY 8s ease infinite;
}

.payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(2) i {
  padding: 16px 12px;
}

.payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(3) {
  right: 0px;
  top: 30%;
  animation: moveY 8s ease infinite;
}

.payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(4) {
  right: 40px;
  bottom: 0px;
  animation: moveX 8s ease infinite;
}

@media (max-width: 767.99px) {
  .payment-gateway-two .container .row.row-gap-32>div:last-child .right {
    padding-left: 0;
  }
}

@media (max-width: 620.99px) {
  .payment-gateway-two .container .row.row-gap-32>div:last-child .right {
    padding-left: 0;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(2) {
    padding: 8px 12px;
    border-radius: 16px;
    gap: 8px;
    left: 10px;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(2) i {
    font-size: 14px;
    padding: 10px 8px;
    border-radius: 12px;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(2) .text .heading7 {
    font-size: 12px;
    line-height: 16px;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(3) {
    padding: 8px 12px;
    border-radius: 16px;
    gap: 8px;
    right: -10px;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(3) i {
    font-size: 20px;
    padding: 0;
    border-radius: 12px;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(3) .text .heading7 {
    font-size: 12px;
    line-height: 16px;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(4) {
    padding: 8px 12px;
    border-radius: 16px;
    gap: 8px;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(4) i {
    font-size: 20px;
    padding: 8px 9px;
    border-radius: 12px;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(4) .text .heading7 {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 1169.99px) {
  .payment-gateway-two .container .row.row-gap-32 {
    flex-direction: column-reverse;
    align-items: center;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child {
    width: 70%;
  }
}

@media (max-width: 991.99px) {
  .payment-gateway-two .container .row.row-gap-32>div:last-child {
    width: 90%;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(3) {
    right: -20px;
  }
}

@media (max-width: 575.99px) {
  .payment-gateway-two .container .row.row-gap-32>div:last-child {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .payment-gateway-two .container .row.row-gap-32>div:last-child .right .feature-item:nth-child(3) {
    right: -10px;
  }
}

.benefit-block.style-one .list-benefit .row {
  margin-left: 0;
  margin-right: 0;
}

.benefit-block.style-one .list-benefit .row>div {
  padding-right: 0;
  padding-left: 0;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item {
  position: relative;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item .text {
  position: absolute;
  bottom: 24px;
  left: 60px;
  right: 60px;
  transition: all ease 0.5s;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item .text .heading5 {
  position: relative;
  display: inline-block;
  margin-left: 0;
  transition: all ease 0.3s;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item .text .heading5 a {
  position: relative;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item .text .heading5 a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transition: all ease 0.4s;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item .text .heading5:hover a::before {
  width: 100%;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item .text a:last-child i {
  margin-left: 0;
  transition: all ease 0.3s;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item .text a:last-child:hover i {
  margin-left: 6px;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background-color: var(--blue);
  opacity: 0.6;
  transition: all ease 0.5s;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item:hover::before {
  height: 100%;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item:hover .text {
  bottom: 140px;
}

@media (max-width: 575.99px) {
  .benefit-block.style-one i.ph-caret-double-right {
    margin-top: 0 !important;
  }
}

.faqs-block.style-one {
  position: relative;
}

.faqs-block.style-one>.row {
  width: 100%;
  height: 720px;
  overflow: hidden;
}

.faqs-block.style-one>.row>div:first-child {
  height: 100%;
  padding-right: 0;
}

.faqs-block.style-one>.row>div:first-child .bg-img {
  height: calc(100% * 2 / 3);
}

.faqs-block.style-one>.row>div:first-child .bg-img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: cover;
}

.faqs-block.style-one>.row>div:first-child .desc {
  height: calc(100% * 1 / 3);
}

.faqs-block.style-one>.row>div:first-child .desc .content {
  width: 70%;
  display: flex;
  align-items: center;
}

.faqs-block.style-one>.row>div:first-child .desc .content i {
  font-size: 100px;
}

.faqs-block.style-one>.row>div:last-child {
  overflow: hidden;
}

.faqs-block.style-one>.row>div:last-child .content-main {
  width: 70%;
  padding-left: 60px;
  padding-top: 40px;
}

.faqs-block.style-one>.row>div:last-child .content-main .list-question .question-item .heading7 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
}

.faqs-block.style-one>.row>div:last-child .content-main .list-question .question-item i {
  font-size: 16px;
}

@media (min-width: 2000.99px) {
  .faqs-block.style-one>.row>div:last-child .content-main {
    width: 60%;
  }
}

@media (min-width: 2480.99px) {
  .faqs-block.style-one>.row>div:last-child .content-main {
    width: 50%;
  }
}

@media (min-width: 2980.99px) {
  .faqs-block.style-one>.row>div:last-child .content-main {
    width: 40%;
  }
}

@media (max-width: 1600.99px) {
  .faqs-block.style-one>.row>div:first-child .desc .content {
    width: 80%;
  }

  .faqs-block.style-one>.row>div:last-child .content-main {
    width: 90%;
  }
}

@media (max-width: 1400.99px) {
  .faqs-block.style-one>.row>div:first-child .desc .content i {
    font-size: 80px;
  }

  .faqs-block.style-one>.row>div:first-child .desc .content .heading4 {
    font-size: 32px;
  }

  .faqs-block.style-one>.row>div:last-child .content-main {
    width: 94%;
  }
}

@media (max-width: 1169.99px) {
  .faqs-block.style-one>.row {
    margin-left: 0;
    margin-right: 0;
  }

  .faqs-block.style-one>.row>div:first-child {
    padding-left: 0;
    padding-right: 0;
  }

  .faqs-block.style-one>.row>div:last-child .content-main {
    padding-left: 0;
    width: 100%;
  }
}

@media (max-width: 767.99px) {
  .faqs-block.style-one>.row>div:first-child .desc .content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .faqs-block.style-one>.row>div:first-child .desc .content i {
    font-size: 60px;
  }
}

@media (max-width: 1169.99px) {
  .faqs-block.style-one>.row {
    height: unset;
    row-gap: 0;
  }

  .faqs-block.style-one>.row>div:first-child .bg-img img {
    max-height: unset;
    height: unset;
  }

  .faqs-block.style-one>.row>div:first-child .desc {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faqs-block.style-one>.row>div:first-child .desc .content {
    padding: 30px 0;
  }

  .faqs-block.style-one>.row>div:last-child {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media (max-width: 767.99px) {
  .faqs-block.style-one>.row {
    height: unset;
    row-gap: 0;
  }

  .faqs-block.style-one>.row>div:first-child .desc .content i {
    font-size: 50px;
  }

  .faqs-block.style-one>.row>div:first-child .desc .content .heading4 {
    font-size: 20px;
  }
}

.form-request .form .row {
  row-gap: 16px;
}

.form-request .form .row>div:last-child {
  position: relative;
}

.form-request .form .row>div:last-child i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

.form-request .form .button-block button {
  outline: none;
  border: none;
}

@media (max-width: 1300.99px) {
  .form-request .heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

@media (max-width: 1023.99px) {
  .form-request .form {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 991.99px) {
  .form-request .form .row {
    row-gap: 16px;
    margin-left: 0;
    margin-right: 0;
  }

  .form-request .form .row>div {
    padding-left: 0;
  }

  .form-request .form .row>div:nth-child(2),
  .form-request .form .row>div:nth-child(3) {
    padding-right: 0;
  }
}

@media (max-width: 767.99px) {
  .form-request .form .row>div:first-child {
    padding-right: 0;
  }
}

@media (max-width: 680.99px) {
  .form-request .heading .body3 br {
    display: none;
  }
}

.financial-assessment-block .nav-infor .list-nav {
  display: inline-flex;
  border-bottom: 2px solid #e5e5e5;
}

.financial-assessment-block .nav-infor .list-nav .nav-item {
  position: relative;
  cursor: pointer;
}

.financial-assessment-block .nav-infor .list-nav .nav-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: var(--blue);
  transition: all ease 0.3s;
}

.financial-assessment-block .nav-infor .list-nav .nav-item:hover::after {
  width: 100%;
}

.financial-assessment-block .nav-infor .list-nav .nav-item.active::after {
  width: 100%;
}

.financial-assessment-block .nav-infor .description.hide {
  display: none;
}

.financial-assessment-block .nav-infor .description.show {
  display: block;
  animation: show ease 0.3s !important;
}

@keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (max-width: 1169.99px) {
  .financial-assessment-block .row {
    row-gap: 32px;
    align-items: flex-start;
    flex-direction: column;
  }

  .financial-assessment-block .row .flex-column {
    gap: 24px;
  }

  .financial-assessment-block .row .flex-column .mt-40 {
    margin-top: 0px;
  }

  .financial-assessment-block .row .flex-column .ml-40 {
    margin-left: 0;
  }
}

@media (max-width: 575.99px) {
  .financial-assessment-block .row {
    row-gap: 16px;
  }

  .financial-assessment-block .row .flex-column {
    gap: 12px;
  }
}

@media (max-width: 459.99px) {
  .financial-assessment-block .button-block {
    flex-direction: column;
    align-items: flex-start;
  }
}

.style-two .count-number-block {
  border-top: 1px solid var(--line);
  /* background-color: var(--dark-blue); */
  border-bottom: 1px solid var(--line);
  /* color: var(--white) !important; */
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 575.99px) {
  .style-two .count-number-block {
    margin-top: 32px;
  }

  .style-two .count-number-block .container {
    padding-top: 24px;
    padding-bottom: 12px;
  }
}

@media (max-width: 767.99px) {

  .count-number-block .count-block .counter,
  .count-number-block .count-block .heading3 {
    font-size: 20px;
    line-height: 44px;
  }
}

.our-project-block .list-project .row {
  margin-left: -5px;
  margin-right: -5px;
}

.our-project-block .list-project .row .col-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.our-project-block .list-project .row .col-12 .item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all ease 0.3s;
}

.our-project-block .list-project .row .col-12 .item .bg-img {
  position: relative;
}

.our-project-block .list-project .row .col-12 .item .bg-img img {
  transition: all ease 0.4s;
}

.our-project-block .list-project .row .col-12 .item .bg-img::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: var(--blue);
  opacity: 0.6;
  z-index: 1;
  transition: all ease 0.4s;
}

.our-project-block .list-project .row .col-12 .item .text {
  position: absolute;
  left: 28px;
  bottom: 28px;
  z-index: 2;
}

.our-project-block .list-project .row .col-12 .item .text .heading5 {
  position: relative;
}

.our-project-block .list-project .row .col-12 .item .text .heading5::before {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  transition: all ease 0.4s;
}

.our-project-block .list-project .row .col-12 .item .text .heading5:hover::before {
  width: 100%;
}

.our-project-block .list-project .row .col-12 .item .arrow {
  position: absolute;
  right: -60px;
  bottom: 38px;
  transition: all ease 0.3s;
  z-index: 2;
}

.our-project-block .list-project .row .col-12 .item .arrow:hover {
  background-color: var(--blue);
}

.our-project-block .list-project .row .col-12 .item .arrow:hover i {
  color: var(--white);
}

.our-project-block .list-project .row .col-12 .item .arrow i {
  display: block;
}

.our-project-block .list-project .row .col-12 .item:hover .bg-img img {
  transform: scale(1.05);
}

.our-project-block .list-project .row .col-12 .item:hover .bg-img::before {
  height: 100%;
}

.our-project-block .list-project .row .col-12 .item:hover .arrow {
  right: 28px;
}

/* .our-project-block .list-project .row .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 40px;
} */

@media (max-width: 575.99px) {
  .our-project-block .list-project .row .slick-dots {
    margin-top: 24px;
  }
}

/* .our-project-block .list-project .row .slick-dots li {
  position: relative;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
} */

.our-project-block .list-project .row .slick-dots li button {
  display: none;
}

.our-project-block .list-project .row .slick-dots li::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--secondary);
}

/* .our-project-block .list-project .row .slick-dots li.slick-active {
  border: 1px solid var(--on-surface);
  background-color: #fff;
}

.our-project-block .list-project .row .slick-dots li.slick-active::after {
  background-color: var(--on-surface);
  border: 1px solid var(--on-surface);
} */

@media (max-width: 1023.99px) {
  .our-project-block .list-project .row .col-12 .item .text {
    bottom: 40px;
  }

  .our-project-block .list-project .row .col-12 .item .arrow {
    bottom: 20px;
    right: 28px;
  }
}

@media (max-width: 767.99px) {
  .our-project-block .list-project .row .col-12 .item .text {
    left: 20px;
    bottom: 20px;
  }

  .our-project-block .list-project .row .col-12 .item .text .body3 {
    margin-top: 0 !important;
  }

  .our-project-block .list-project .row .col-12 .item .arrow {
    right: 18px;
    bottom: 20px;
  }

  .our-project-block .list-project .row .col-12 .item .arrow i {
    font-size: 18px;
    padding: 10px;
  }

  .our-project-block .list-project .row .col-12 .item:hover .arrow {
    right: 18px;
  }
}

.form-cta-block.benefit-two .bg-img img {
  position: absolute;
}

.form-cta-block.benefit-two .container>.row>div:last-child .form-block button {
  border: none;
}

.form-cta-block.benefit-two .container>.row>div:last-child .form-block button:hover {
  background-color: var(--on-surface);
  color: var(--white);
}

@media (max-width: 991.99px) {
  .form-cta-block.benefit-two {
    height: 720px;
  }
}

@media (max-width: 767.99px) {
  .form-cta-block.benefit-two {
    height: 560px;
  }
}

@media (max-width: 575.99px) {
  .form-cta-block.benefit-two {
    height: 640px;
  }
}

.features-three .container .row {
  position: relative;
  row-gap: 50px;
}

.features-three .container .row>div:first-child .list-nav-item .nav-item {
  border-bottom: 1px solid var(--line);
  cursor: pointer;
}

.features-three .container .row>div:first-child .list-nav-item .nav-item:last-child {
  border-bottom: none;
}

.features-three .container .row>div:first-child .list-nav-item .nav-item.active {
  color: var(--white);
  background-color: var(--bgcolor-darkest);
  border-radius: 4px;
}

.features-three .container .row .content-filter {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: right;
}

.features-three .container .row .content-filter .bg-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 265px;
  z-index: 0;
}

.features-three .container .row .content-filter .bg-img img {
  width: 100%;
}

.features-three .container .row .content-filter .infor {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  width: 65%;
  min-height: 300px;
  padding: 15px 10px;
  margin-right: 211px;
}

@media (max-width: 1169.99px) {
  .features-three.pb-60 {
    padding-bottom: 0;
  }

  .features-three .container .row .content-filter {
    align-items: center;
    justify-content: center;
  }

  .features-three .container .row .content-filter .bg-img {
    width: 80%;
    height: 240px;
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 50px;
  }

  .features-three .container .row .content-filter .bg-img img {
    height: 100%;
    object-fit: cover;
  }

  .features-three .container .row .content-filter .infor {
    padding-top: 40px;
    width: 70%;
    margin-right: 0;
    margin-bottom: 100px;
  }
}

@media (max-width: 1169.99px) {
  .features-three .container .row>div:first-child {
    padding-right: 15px;
  }

  .features-three .container .row .content-filter .bg-img {
    width: 100%;
  }

  .features-three .container .row .content-filter .infor {
    width: 90%;
  }
}

@media (max-width: 575.99px) {
  .features-three.pb-60 {
    padding-bottom: 0;
  }

  .features-three .container .row>div:nth-child(3) .bg-img,
  .features-three .container .row>div:nth-child(4) .bg-img,
  .features-three .container .row>div:nth-child(5) .bg-img {
    height: 200px;
  }

  .features-three .container .row>div:nth-child(3) .infor,
  .features-three .container .row>div:nth-child(4) .infor,
  .features-three .container .row>div:nth-child(5) .infor {
    padding-top: 0;
    margin-bottom: 120px;
  }
}

@media (max-width: 419.99px) {
  .features-three .container .row {
    row-gap: 24px;
  }

  .features-three .container .row>div:nth-child(3) .bg-img,
  .features-three .container .row>div:nth-child(4) .bg-img,
  .features-three .container .row>div:nth-child(5) .bg-img {
    height: 180px;
  }

  .features-three .container .row>div:nth-child(3) .infor,
  .features-three .container .row>div:nth-child(4) .infor,
  .features-three .container .row>div:nth-child(5) .infor {
    padding-top: 0;
    margin-bottom: 120px;
  }
}

@keyframes showItem {
  from {
    transform: scale(0.2);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.content-filter.hide {
  display: none !important;
}

.content-filter.show {
  display: flex !important;
  animation: showItem ease-in-out 0.5s;
}

.form-cta-block.benefit-three {
  height: unset !important;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 767.99px) {
  .form-cta-block.benefit-three {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.form-cta-block.benefit-three .container>.row>div:last-child .form-block button {
  border: none;
}

.form-cta-block.benefit-three .container>.row>div:last-child .form-block button:hover {
  background-color: var(--blue);
  color: var(--white);
}

.video-block.style-four .video {
  position: relative;
  margin-bottom: -100px;
  border-radius: 24px;
  overflow: hidden;
}

.video-block.style-four .video i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: all ease 0.3s;
}

.video-block.style-four .video i:hover {
  background-color: var(--critical);
  color: var(--white);
}

.count-number-block.style-four {
  background-color: var(--deep-purple);
}

.count-number-block.style-four .row {
  padding-bottom: 80px;
  padding-top: 180px;
}

@media (max-width: 767.99px) {
  .video-block.style-four .video {
    margin-bottom: -120px;
  }

  .video-block.style-four .video i {
    padding: 16px;
  }

  .count-number-block.style-four .row {
    padding-bottom: 60px;
    padding-top: 150px;
  }
}

@media (max-width: 399.99px) {
  .video-block.style-four .video {
    margin-bottom: -100px;
  }

  .video-block.style-four .video img {
    height: 170px;
    object-fit: cover;
  }

  .video-block.style-four .video i {
    padding: 12px;
    font-size: 16px;
  }

  .count-number-block.style-four .row {
    padding-bottom: 60px;
    padding-top: 120px;
  }
}

.pricing-block.style-four .pricing-main .heading .switch.enable .bg-placehover {
  background-color: var(--success);
}

.pricing-block.style-four .pricing-main .list-pricing .row>div:nth-child(2) .pricing-item {
  border-top: 4px solid var(--success);
}

@keyframes showList {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.list-pricing.hide {
  display: none;
}

.list-pricing.show {
  display: block;
  animation: showList ease-in-out 0.7s;
}

.list-pricing-year.hide {
  display: none;
}

.list-pricing-year.show {
  display: block;
  animation: showList ease-in-out 0.7s;
}

.blog-list.style-four .blog-item-main .bg-img {
  border-radius: 8px;
}

.blog-list.style-four .blog-item-main .bg-img img {
  transition: all ease 0.4s;
}

.blog-list.style-four .blog-item-main .infor .heading4 {
  transition: all ease 0.4s;
}

.blog-list.style-four .blog-item-main:hover .bg-img img {
  transform: scale(1.06);
}

.blog-list.style-four .blog-item-main:hover .infor .heading4 {
  color: var(--success);
}

.blog-list.style-four .list-blog-related a .bg-img img {
  transition: all ease 0.4s;
}

.blog-list.style-four .list-blog-related a .infor .heading6 {
  transition: all ease 0.4s;
}

.blog-list.style-four .list-blog-related a:hover .bg-img img {
  transform: scale(1.06);
}

.blog-list.style-four .list-blog-related a:hover .infor .heading6 {
  color: var(--success);
}

@media (max-width: 991.99px) {
  .blog-list.style-four .container>.row .pr-55 {
    padding-right: 15px;
  }
}

.form-request-block.style-four {
  position: relative;
  width: 100%;
  margin-bottom: -1px;
}

.form-request-block.style-four .bg-img {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.form-request-block.style-four .bg-img img {
  object-fit: cover;
  display: block;
}

.form-request-block.style-four .form {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 16px;
  border-radius: 16px;
}

.form-request-block.style-four .form .row {
  row-gap: 16px;
}

.form-request-block.style-four .form .row>div:last-child {
  position: relative;
}

.form-request-block.style-four .form .row>div:last-child i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

.form-request-block.style-four .form .button-block button {
  outline: none;
  border: none;
}

@media (max-width: 1023.99px) {
  .form-request-block.style-four .form {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 991.99px) {
  .form-request-block.style-four .form .row {
    row-gap: 16px;
    margin-left: 0;
    margin-right: 0;
  }

  .form-request-block.style-four .form .row>div {
    padding-left: 0;
  }

  .form-request-block.style-four .form .row>div:nth-child(2),
  .form-request-block.style-four .form .row>div:nth-child(3) {
    padding-right: 0;
  }
}

@media (max-width: 767.99px) {
  .form-request-block.style-four .form .row>div:first-child {
    padding-right: 0;
  }
}

.about-home-five .container .row>div:last-child {
  position: relative;
}

.about-home-five .container .row>div:last-child .bg-img {
  position: relative;
  z-index: 1;
}

.about-home-five .container .row>div:last-child .bg-img img {
  z-index: 1;
}

.about-home-five .container .row>div:last-child .sub-img img:first-child {
  position: absolute;
  left: 78px;
  bottom: 54px;
  width: 126px;
  height: 126px;
  z-index: 1;
  animation: moveleft 5s ease infinite;
}

.about-home-five .container .row>div:last-child .sub-img img:last-child {
  position: absolute;
  right: 60px;
  bottom: -20px;
  width: 208px;
  height: 208px;
  z-index: 2;
  animation: moveright 5s ease infinite;
}

@media (max-width: 991.99px) {
  .about-home-five .container .row {
    justify-content: center;
  }
}

@media (max-width: 575.99px) {
  .about-home-five .container .row>div:last-child .sub-img img:first-child {
    width: 80px;
    height: 80px;
  }

  .about-home-five .container .row>div:last-child .sub-img img:last-child {
    width: 120px;
    height: 120px;
  }
}

@keyframes moveleft {
  0% {
    transform: translate(0);
  }

  50% {
    transform: translate(-10px, 20px);
  }

  100% {
    transform: translate(0px);
  }
}

@keyframes moveright {
  0% {
    transform: translate(0);
  }

  50% {
    transform: translate(10px, -20px);
  }

  100% {
    transform: translate(0px);
  }
}

.card-block .bg-img {
  background-color: #d9d9d9;
  height: 450px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.card-block .bg-img span {
  font-size: 96px;
  color: #555555;
}

@media (max-width: 1023.99px) {
  .card-block .bg-img {
    height: 400px;
  }
}

@media (max-width: 575.99px) {
  .card-block .bg-img {
    height: 300px;
  }
}

@media (max-width: 419.99px) {
  .card-block .bg-img {
    height: 200px;
  }
}

@media (max-width: 991.99px) {
  .project-five .heading .heading3 br {
    display: none;
  }

  .project-five .list-project .project-above .row>div:nth-child(1) {
    padding-right: 15px;
  }
}

.style-five .form-request {
  background-color: var(--surface);
  padding-top: 60px;
  padding-bottom: 60px;
}

.style-five .form-request .container .heading {
  display: block;
}

.style-five .form-request .container .heading .body3 {
  margin-top: 24px;
}

.style-five .form-request .container .form {
  margin-top: 24px;
  background-color: #fff;
  padding: 16px;
  border-radius: 16px;
}

.style-five .form-request .container .form input,
.style-five .form-request .container .form select {
  background-color: #fff;
  border: 1px solid var(--line);
}

.style-five .form-request .container .form input:focus,
.style-five .form-request .container .form select:focus {
  border: 1px solid var(--blue);
}

@media (max-width: 767.99px) {
  .style-five .form-request {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .style-five .form-request .container .heading .body3 {
    margin-top: 12px;
  }

  .style-five .form-request .container .form {
    margin-top: 12px;
  }
}

.video-about-block .container .bg-img {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: radial-gradient(63.94% 63.94% at 50% 0%,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 100%),
    rgba(104, 105, 107, 0.2);
  backdrop-filter: blur(6px);
}

.video-about-block .container .bg-img img {
  object-fit: cover;
}

.video-about-block .container .bg-img i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 0.4s;
  cursor: pointer;
}

.video-about-block .container .bg-img i:hover {
  background-color: var(--orange);
  color: var(--white);
}

.video-about-block .container .row .heading6 {
  line-height: 42px;
}

@media (max-width: 767.99px) {
  .video-about-block .container .row .heading6 {
    line-height: 24px;
  }

  .video-about-block .container .bg-img img {
    height: 300px;
  }
}

@media (max-width: 575.99px) {
  .video-about-block .container .bg-img img {
    height: 240px;
  }

  .video-about-block .container .bg-img i {
    font-size: 24px;
    padding: 16px;
  }
}

@media (max-width: 419.99px) {
  .video-about-block .container .bg-img {
    padding: 24px;
  }

  .video-about-block .container .bg-img img {
    height: 200px;
  }
}

.people-trust-us .container>.row>div:last-child .row>div:first-child {
  padding-right: 0;
}

@media (max-width: 991.99px) {
  .people-trust-us .container>.row>div:first-child {
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .people-trust-us .container>.row>div:first-child .bg-img {
    width: 60%;
  }
}

@keyframes earth {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.pricing-six .container .heading .choose-type {
  justify-content: right;
}

.pricing-six .container .heading .choose-type .switch .bg-placehover {
  display: block;
  width: 60px;
  height: 32px;
  border-radius: 99px;
  border: none;
  outline: none;
  position: relative;
  transition: all ease 0.6s;
  overflow: hidden;
  cursor: pointer;
}

.pricing-six .container .heading .choose-type .switch .bg-placehover::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  background-color: #fff;
  border-radius: 50%;
  transition: all ease 0.3s;
}

.pricing-six .container .heading .choose-type .switch.enable .bg-placehover {
  background-color: var(--orange);
}

.pricing-six .container .heading .choose-type .switch.enable .bg-placehover::before {
  left: 32px;
}

@media (max-width: 991.99px) {

  .pricing-six .container .text-button-uppercase,
  .pricing-six .container .heading {
    text-align: center;
  }

  .pricing-six .container .heading .choose-type {
    justify-content: center;
  }
}

.pricing-six .container>div>.row>div .pricing-item {
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: all ease 0.5s;
}

.pricing-six .container>div>.row>div .pricing-item .heading3 span {
  text-transform: none;
}

.pricing-six .container>div>.row>div .pricing-item .button-block a {
  border: 2px solid var(--orange);
  transition: all ease 0.4s;
}

.pricing-six .container>div>.row>div .pricing-item .button-block a:hover {
  color: var(--white);
  background-color: var(--orange);
}

@media (max-width: 1260px) {
  .pricing-six .container>div>.row>div .pricing-item .item-infor {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1260px) {
  .pricing-six .container>div>.row>div .pricing-item .item-infor .text-center {
    text-align: left;
  }
}

.pricing-six .container>div>.row>div:nth-child(2) .pricing-item {
  background: radial-gradient(114.34% 120.2% at 50% -10.41%,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(52px);
}

.pricing-six .container>div>.row>div .pricing-item:hover {
  background: radial-gradient(114.34% 120.2% at 50% -10.41%,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(52px);
  margin-top: -20px;
  cursor: pointer;
}

@media (max-width: 1023.99px) {
  .pricing-six .container>div>.row>div .pricing-item:hover {
    margin-top: 0;
  }
}

.how-we-work .container>.row {
  margin-top: 80px;
  row-gap: 70px;
}

.how-we-work .container>.row .main-item {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(41.35% 54.74% at 33.03% -4.74%,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(6px);
  transition: all ease 0.5s;
}

.how-we-work .container>.row .main-item .number {
  position: absolute;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
}

.how-we-work .container>.row .main-item .heading7 {
  padding-top: 22px;
}

.how-we-work .container>.row .main-item:hover {
  margin-top: -10px;
}

@media (max-width: 1023.99px) {
  .how-we-work .container>.row .main-item:hover {
    margin-top: 0;
  }
}

@media (max-width: 767.99px) {
  .how-we-work .container>.row {
    margin-top: 40px;
    row-gap: 40px;
  }

  .how-we-work .container>.row .main-item .number {
    border-radius: 12px;
    width: 50px;
    height: 50px;
    top: -24px;
  }

  .how-we-work .container>.row .main-item .heading7 {
    padding-top: 12px;
  }
}

.slider-sub {
  width: 100%;
  height: 450px;
  position: relative;
}

.slider-sub .bg-img {
  width: 100%;
  height: 100%;
}

.slider-sub .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* object-position: right; */
  backdrop-filter: hue-rotate(352deg);
  /* filter: opacity(0.4); */
}

.slider-sub .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.slider-sub .container .heading-nav {
  background-color: #808792;
  border-radius: 36px;
  padding: 6px 16px;
  display: inline-flex;
  align-items: center;
}

.slider-sub .container .heading-nav i {
  margin-top: 2px;
  font-size: 10px;
}

.slider-sub .container .text-nav {
  margin-top: 75px;
  width: 35%;
}

@media (max-width: 767.99px) {
  .slider-sub {
    height: 450px;
  }

  .slider-sub .container .text-nav {
    margin-top: 123px;
    width: 65%;
    background: #ffffff4a;
    backdrop-filter: blur(3px);
    border-radius: 25px;
    padding: 25px 14px;
  }
}

.service-item .service-item-main i.ph-caret-right {
  margin-top: 2px;
}

.service-block .service-item {
  position: relative;
  overflow: hidden;
  margin-left: 50px;
  border-radius: 25px;
  border: 1px solid #33333336;
  min-height: 100%;
}

.service-block .service-item.items {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  border: 1px solid #33333336;
  min-height: 0;
}

.service-block .service-item .service-item-main .heading i.ph-arrow-up-right {
  position: absolute;
  top: 32px;
  right: -30px;
  visibility: hidden;
  cursor: pointer;
  transition: all ease 0.4s;
}

.service-block .service-item .service-item-main .number {
  opacity: 0.2;
  transition: all ease 0.4s;
}

.service-block .service-item .service-item-main .explore-block i {
  transition: all ease 0.3s;
}

.service-block .service-item .service-item-main .explore-block:hover i {
  margin-left: 4px;
}

.service-block .service-item:hover .service-item-main .heading7,
.service-block .service-item:hover .service-item-main .heading6 {
  color: #003060;
}

.service-block .service-item:hover .service-item-main .heading i.ph-arrow-up-right {
  right: 32px;
  visibility: visible;
}

.service-block .service-item:hover .service-item-main .number {
  opacity: 1;
}

.list-benefit-three {
  margin-top: 44px;
}

.list-benefit-three .row>.col-12 {
  position: relative;
}

.list-benefit-three .row>.col-12::after {
  position: absolute;
  content: "";
  top: 16px;
  bottom: 16px;
  right: 0;
  background-color: var(--line);
  width: 1px;
}

.list-benefit-three .row>.col-12:last-child::after {
  display: none;
}

@media (max-width: 767.99px) {
  .list-benefit-three .row>.col-12 .heading i {
    font-size: 32px;
  }
}

@media (max-width: 575.99px) {
  .list-benefit-three .row>.col-12::after {
    display: none;
  }
}

.list-benefit-three .service-item-main:hover .heading7 {
  color: var(--gradient);
}

.service-block.style-about-two.style-three .list-service .service-item:hover .heading6 {
  color: var(--gradient);
}

.service-block.style-about-two .list-service .service-item:hover .heading6 {
  color: var(--blue);
}

.service-block.style-about-two .list-service .service-item-main {
  text-align: center;
  gap: 8px;
}

.service-block.style-about-two .list-service .service-item-main .heading {
  flex-direction: column;
}

.service-block.style-about-two .list-service .service-item-main .heading .heading6 {
  font-size: 20px;
  line-height: 28px;
}

.service-block.style-about-two .list-service .service-item-main .heading .body3 {
  font-size: 14px;
  line-height: 22px;
}

@media (max-width: 1169.99px) {
  .service-block.style-about-two .list-service .row>div {
    border-right: none;
  }
}

@media (max-width: 767.99px) {
  .service-block.style-about-two {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .service-block.style-about-two .list-service {
    padding: 20px;
  }
}

@media (max-width: 767.99px) {
  .service.style-about-two {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .service.style-about-two .list-service {
    padding: 20px;
  }
}

.service-tab-style .list-nav .nav-item {
  transition: all ease 0.4s;
}

.service-tab-style .list-nav .active,
.service-tab-style .list-nav .nav-item:hover {
  background-color: var(--blue);
  color: var(--white);
  border-radius: 99px;
}

@media (max-width: 1169.99px) {
  .content-detail-block .col-xl-9 .content-para {
    padding-right: 0;
  }
}

@media (max-width: 1169.99px) {
  .service-block-two .col-xl-8 .pl-40 {
    padding-left: 0;
  }
}

.service-style-four .service-block .list-service>div .service-item:hover .desc .heading7 {
  color: var(--success);
}

.service-style-four .service-block .list-service>div .service-item .read-block span,
.service-style-four .service-block .list-service>div .service-item .read-block i {
  color: var(--success);
  transition: all ease 0.3s;
}

.service-style-four .service-block .list-service>div:nth-child(5),
.service-style-four .service-block .list-service>div:nth-child(6),
.service-style-four .service-block .list-service>div:nth-child(7),
.service-style-four .service-block .list-service>div:nth-child(8) {
  display: none;
}

.service-style-four .service-block .list-service>div .read-block:hover i {
  margin-left: 4px;
}

.service-style-five .mt-100 {
  margin-top: 40px;
}

@media (max-width: 575.99px) {
  .service-style-five .heading3 br {
    display: none;
  }
}

.service-block.style-six .list-service {
  row-gap: 80px;
  margin-top: 80px;
}

.service-block.style-six .list-service .main-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(50% 50% at 22.8% 0%,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(6px);
  position: relative;
  padding: 72px 36px 28px;
  height: 100%;
  transition: all ease 0.5s;
  display: block;
}

.service-block.style-six .list-service .main-item .heading7 {
  transition: all ease 0.3s;
}

.service-block.style-six .list-service .main-item i {
  font-size: 48px;
  border-radius: 20px;
  padding: 26px;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(249, 249, 249, 0) 100%);
  backdrop-filter: blur(17px);
  position: absolute;
  top: -50px;
  transition: background ease 0.5s;
}

.service-block.style-six .list-service .main-item:hover {
  margin-top: -10px;
}

.service-block.style-six .list-service .main-item:hover .heading7 {
  color: var(--orange);
}

.service-block.style-six .list-service .main-item:hover i {
  background: var(--orange);
  backdrop-filter: unset;
}

@media (max-width: 1023.99px) {
  .service-block.style-six .list-service .main-item:hover {
    margin-top: 0;
  }
}

@media (max-width: 767.99px) {
  .service-block.style-six .list-service {
    row-gap: 60px;
    margin-top: 60px;
  }

  .service-block.style-six .list-service .main-item {
    padding: 50px 32px 24px;
  }

  .service-block.style-six .list-service .main-item i {
    font-size: 32px;
    border-radius: 16px;
    padding: 16px;
    top: -30px;
  }
}

.case-studies-block.style-one .list-nav {
  flex-wrap: wrap;
}

.case-studies-block.style-one .list-nav .nav-item.active,
.case-studies-block.style-one .list-nav .nav-item:hover {
  background-color: var(--blue);
  border-radius: 100px;
  color: var(--white);
  transition: all linear 0.3s;
}

.case-studies-block.style-one .row {
  row-gap: 50px;
}

@media (max-width: 767.99px) {
  .case-studies-block.style-one .row {
    row-gap: 24px;
  }
}

.case-studies-block.style-one .row .item-main {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.case-studies-block.style-one .row .item-main .bg-img {
  position: relative;
}

.case-studies-block.style-one .row .item-main .bg-img img {
  transition: all linear 0.3s;
  cursor: pointer;
}

.case-studies-block.style-one .row .item-main .bg-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #121212;
  opacity: 0;
  transition: all ease 0.3s;
}

.case-studies-block.style-one .row .item-main .infor {
  margin-top: -30px;
  width: 80%;
  z-index: 1;
  box-shadow: 0px 5px 25px rgba(58, 64, 67, 0.1);
}

.case-studies-block.style-one .row .item-main .infor .category {
  letter-spacing: 1.2px;
}

.case-studies-block.style-one .row .item-main .infor .heading6 {
  transition: 0.3s;
}

.case-studies-block.style-one .row .item-main:hover .bg-img img {
  transform: scale(1.06);
}

.case-studies-block.style-one .row .item-main:hover .bg-img::after {
  opacity: 0.4;
}

.case-studies-block.style-one .row .item-main:hover .infor .heading6 {
  text-decoration: underline;
}

.case-studies-block.style-two .list-nav {
  flex-wrap: wrap;
}

.case-studies-block.style-two .list-nav .nav-item.active,
.case-studies-block.style-two .list-nav .nav-item:hover {
  background-color: var(--blue);
  border-radius: 100px;
  color: var(--white);
  transition: all linear 0.3s;
}

.case-studies-block.style-two .row .item-main {
  position: relative;
  cursor: pointer;
}

.case-studies-block.style-two .row .item-main .bg-img {
  position: relative;
}

.case-studies-block.style-two .row .item-main .bg-img img {
  transition: all linear 0.5s;
  cursor: pointer;
}

.case-studies-block.style-two .row .item-main .bg-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #121212;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: 0;
}

.case-studies-block.style-two .row .item-main .bg-img a {
  position: absolute;
  bottom: 20px;
  right: -120px;
  z-index: 1;
  transition: all ease 0.5s;
}

.case-studies-block.style-two .row .item-main .bg-img a:hover {
  background-color: var(--blue);
}

.case-studies-block.style-two .row .item-main .bg-img a:hover div,
.case-studies-block.style-two .row .item-main .bg-img a:hover i {
  color: var(--white);
}

.case-studies-block.style-two .row .item-main .infor .heading6 {
  transition: 0.3s;
}

.case-studies-block.style-two .row .item-main:hover .bg-img img {
  transform: scale(1.06);
}

.case-studies-block.style-two .row .item-main:hover .bg-img::after {
  opacity: 0.4;
}

.case-studies-block.style-two .row .item-main:hover .bg-img a {
  right: 20px;
}

.case-studies-block.style-two .row .item-main:hover .infor .heading6 {
  text-decoration: underline;
}

.case-studies-block.style-two.style-three {
  width: 100%;
  overflow: hidden;
}

.case-studies-block.style-two.style-three .container .row {
  flex-wrap: nowrap;
}

.case-studies-block.style-two.style-three .container .row .slick-list {
  overflow: unset;
}

.case-studies-block.style-two.style-three .container .row .item-main .bg-img a:hover {
  background-color: var(--gradient);
}

@media (max-width: 1169.99px) {
  .case-studies-block.style-two.style-three .container .row .item-filter {
    width: 45%;
  }
}

@media (max-width: 991.99px) {
  .case-studies-block.style-two.style-three .container .heading {
    flex-direction: column;
    row-gap: 32px;
  }
}

@media (max-width: 767.99px) {
  .case-studies-block.style-two.style-three .container .heading {
    row-gap: 20px;
    padding-bottom: 24px;
  }
}

.case-studies-block.style-two.style-three .list-nav .nav-item.active,
.case-studies-block.style-two.style-three .list-nav .nav-item:hover {
  background-color: var(--gradient);
}

@media (max-width: 1023.99px) {

  .case-studies-block.style-one .row .item-main .bg-img a,
  .case-studies-block.style-two .row .item-main .bg-img a {
    right: 20px;
    padding: 21px 10px;
  }
}

@media (max-width: 575.99px) {
  .project-infor .container .row>div:first-child .count-number .item .body3 {
    font-size: 12px;
  }
}

@media (max-width: 991.99px) {
  .how-we-did .desc {
    margin-left: 0;
  }

  .how-we-did .desc .mt-40 {
    margin-top: 16px;
  }
}

.layout-item .col-12:first-child .button-block a {
  position: relative;
}

.layout-item .col-12:first-child .button-block a span {
  padding-left: 28px;
}

.layout-item .col-12:first-child .button-block a i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 991.99px) {
  .layout-item .col-12 .bg-img {
    padding-left: 0;
  }
}

.how-we-did .container .row>div:first-child .bg-img {
  position: relative;
}

.how-we-did .container .row>div:first-child .bg-img i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  color: var(--critical);
  transition: all ease 0.4s;
  padding: calc((80px - 28px) / 2);
}

.how-we-did .container .row>div:first-child .bg-img i:hover {
  background-color: #fc3f3f;
  color: var(--white);
}

@media (max-width: 480.99px) {
  .how-we-did .container .row>div:first-child .bg-img i {
    font-size: 20px;
    padding: calc((50px - 20px) / 2);
  }
}

.blog-list .container>.row>div .blog-item {
  transition: all ease 0.5s;
  cursor: pointer;
}

.blog-list .container>.row>div .blog-item .bg-img img {
  transition: all ease 0.5s;
  object-fit: cover;
}

.blog-list .container>.row>div .blog-item .heading6,
.blog-list .container>.row>div .blog-item .read {
  transition: all ease 0.5s;
}

.blog-list .container>.row>div .blog-item:hover .bg-img img {
  transform: scale(1.08);
  transition: all ease 0.5s;
}

.blog-list .container>.row>div .blog-item:hover .heading6 {
  color: var(--blue);
  transition: all ease 0.5s;
}

.blog-list .container>.row>div .blog-item:hover .read {
  text-decoration: underline;
}

@media (max-width: 767.99px) {
  .blog-list .container>.row>div .blog-item .body3 {
    padding-bottom: 6px;
  }
}

.blog-list .container>.row>div>.list-nav .nav-item {
  cursor: pointer;
  transition: all ease 0.3s;
}

.blog-list .container>.row>div>.list-nav .nav-item.active,
.blog-list .container>.row>div>.list-nav .nav-item:hover {
  background-color: var(--blue);
  border: 1px solid var(--blue);
  color: var(--white);
}

.blog-list .container>.row>.list-nav .nav-item {
  cursor: pointer;
  transition: all ease 0.3s;
}

.blog-list .container>.row>.list-nav .nav-item.active,
.blog-list .container>.row>.list-nav .nav-item:hover {
  background-color: var(--blue);
  border: 1px solid var(--blue);
  color: var(--white);
}

.blog-list .container>.row .search-block {
  position: relative;
  height: 50px;
}

.blog-list .container>.row .search-block input {
  height: 100%;
  padding-left: 16px;
  padding-right: 52px;
  color: var(--secondary);
  border: 1px solid transparent;
  outline: none;
}

.blog-list .container>.row .search-block input:focus {
  border: 1px solid var(--blue);
}

.blog-list .container>.row .search-block i {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 8px 8px 0;
  font-size: 20px;
  color: var(--secondary);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.3s;
}

.blog-list .container>.row .search-block i:hover {
  background-color: var(--blue);
  color: var(--white);
}

.blog-list .container>.row .cate-block .list-nav .nav-item.active,
.blog-list .container>.row .cate-block .list-nav .nav-item:hover {
  background-color: var(--surface);
  color: var(--on-surface);
}

.blog-list .container>.row .cate-block .list-nav .nav-item.active i,
.blog-list .container>.row .cate-block .list-nav .nav-item:hover i {
  visibility: visible;
}

.blog-list .container>.row .recent-post-block .recent-post-item .item-img img {
  width: 265px;
  height: 150px;
  border-radius: 24px;
  object-fit: contain;
}

.blog-list .recent-post-block .recent-post-item.item .item-img img {
  width: 210px !important;
  height: 119px !important;
}

.blog-list .container>.row .recent-post-block .recent-post-item .item-title {
  transition: all ease 0.5s;
  width: 75%;
}

.blog-list .container>.row .recent-post-block .recent-post-item:hover .item-title {
  color: var(--blue);
}

.blog-list.style-masonry .container>.row {
  display: block;
  columns: 3;
  column-gap: 32px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding-bottom: 80px;
}

.blog-list.style-masonry .container>.row .blog-item {
  break-inside: avoid;
  width: 100%;
  margin-bottom: 30px;
}

.blog-list.style-masonry .container>.row .blog-item:first-child .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(9) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(10) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(18) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(19) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(27) .blog-item-main .bg-img img {
  width: 125%;
  object-fit: cover;
}

.blog-list.style-masonry .container>.row .blog-item:nth-child(4) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(6) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(8) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(13) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(15) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(17) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(22) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(24) .blog-item-main .bg-img img,
.blog-list.style-masonry .container>.row .blog-item:nth-child(26) .blog-item-main .bg-img img {
  width: 150%;
  object-fit: cover;
}

.blog-list.style-masonry .container>.row .list-nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1023.99px) {
  .blog-list.style-masonry .container>.row {
    columns: 2;
  }

  .blog-list.style-masonry .container>.row .blog-item:nth-child(4) .blog-item-main .bg-img img {
    width: 100%;
  }
}

@media (max-width: 575.99px) {
  .blog-list.style-masonry .container>.row {
    columns: 1;
    padding-bottom: 50px;
  }
}

@media (max-width: 991.99px) {
  .blog-list .container>.row .pl-55 {
    padding-left: 15px;
  }
}

.style-three .blog-list .container>.row>div .blog-item-main:hover .heading6 {
  color: var(--gradient) !important;
}

.blog-list.style-six .container>.row .blog-item .blog-item-main {
  border: none;
}

.blog-list.style-six .container>.row .blog-item:hover .heading6 {
  color: var(--orange);
}

.blog-item .blog-item-main {
  cursor: pointer;
  border-radius: 16px;
  display: block;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: 0px 10px 25px 0px rgba(54, 95, 104, 0.15);
}

.blog-item .blog-item-main .bg-img img {
  transition: all ease 0.5s;
  object-fit: cover;
}

.blog-item .blog-item-main .heading6 {
  transition: all ease 0.5s;
}

.blog-item .blog-item-main:hover .bg-img img {
  transform: scale(1.05);
  transition: all ease 0.5s;
}

.blog-item .blog-item-main:hover .heading6 {
  color: var(--blue);
  transition: all ease 0.5s;
}

@media (max-width: 1169.99px) and (min-width: 576px) {
  .col-lg-show {
    display: block;
  }
}

.blog-list.style-detail li {
  list-style: none;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.blog-list.style-detail .blog-paragraph .paragraph-content .review {
  border-left: 1px solid var(--blue);
}

.blog-list.style-detail .blog-paragraph .paragraph-content .review .body2 {
  font-style: italic;
}

.blog-list.style-detail .blog-paragraph .paragraph-content .review li {
  text-transform: capitalize;
}

.blog-list.style-detail .blog-more-infor .infor-above .social-media i {
  background-color: var(--surface);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}

.blog-list.style-detail .blog-more-infor .infor-above .social-media i::before {
  transition: all ease 0.3s;
  color: var(--on-surface);
}

.blog-list.style-detail .blog-more-infor .infor-above .social-media i:hover {
  background-color: var(--blue);
}

.blog-list.style-detail .blog-more-infor .infor-above .social-media i:hover::before {
  color: var(--white);
}

.blog-list.style-detail .blog-more-infor .infor-above .social-media i.icon-twitter {
  margin-left: 1px;
  margin-top: 2px;
}

.blog-list.style-detail .blog-more-infor .infor-below .prev-block .heading7,
.blog-list.style-detail .blog-more-infor .infor-below .next-block .heading7 {
  transition: all ease 0.3s;
}

.blog-list.style-detail .blog-more-infor .infor-below .prev-block:hover .heading7,
.blog-list.style-detail .blog-more-infor .infor-below .next-block:hover .heading7 {
  color: var(--blue);
}

.blog-list.style-detail .blog-form-contact input,
.blog-list.style-detail .blog-form-contact textarea {
  border: 1px solid transparent;
  outline: none;
}

.blog-list.style-detail .blog-form-contact input:focus,
.blog-list.style-detail .blog-form-contact textarea:focus {
  border: 1px solid var(--blue);
}

@media (max-width: 1169.99px) {
  .blog-list.style-detail .infor-above {
    row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-list.style-detail .infor-below {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-list.style-detail .infor-below .next-block {
    margin-top: 20px;
  }

  .blog-list.style-detail .infor-below .next-block a {
    text-align: left;
  }
}

@media (max-width: 991.99px) {
  .blog-list.style-detail .container>.row {
    flex-direction: column-reverse;
  }

  .blog-list.style-detail .container>.row .pr-40 {
    padding-right: 15px;
  }
}

@media (max-width: 575.99px) {
  .blog-list.style-detail .infor-above .share-block {
    flex-direction: column;
    align-items: flex-start;
  }
}

.blog-detail-two .slider-sub .container .text-nav {
  width: 100%;
}

.blog-detail-two .social-media a i::before {
  margin-left: 2px;
}

@media (max-width: 360.99px) {
  .blog-detail-two .slider-sub {
    height: 320px;
  }
}

.testimonials-block.style-two .list-comment .comment-item .content {
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  text-transform: capitalize;
}

@media (max-width: 767.99px) {
  .testimonials-block.style-two .list-comment {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .testimonials-block.style-two .list-comment .comment-item .heading3,
  .testimonials-block.style-two .list-comment .comment-item .content {
    flex: 0 0 85%;
    max-width: 85%;
  }

  .testimonials-block.style-two .list-comment .comment-item .content {
    font-size: 20px;
    line-height: 32px;
  }
}

.testimonials-block.style-two .slick-initialized .slick-slide {
  display: flex;
}

.testimonials-block.style-two .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -70px;
  gap: 16px;
}

.testimonials-block.style-two .slick-dots li {
  position: relative;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.testimonials-block.style-two .slick-dots li button {
  display: none;
}

.testimonials-block.style-two .slick-dots li::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--secondary);
  transition: 0.5s;
}

.testimonials-block.style-two .slick-dots li.slick-active {
  border: 1px solid var(--on-surface);
  background-color: #fff;
}

.testimonials-block.style-two .slick-dots li.slick-active::after {
  background-color: var(--on-surface);
  border: 1px solid var(--on-surface);
}

.testimonials-block .container .testimonials-content .images img {
  width: 100%;
  height: 250px;
  margin-bottom: 2.5rem;
  object-fit: contain;
  border-radius: 40px;
}

.testimonials-three .slick-list,
.testimonials-four .slick-list {
  padding: 40px 0;
}

@media (max-width: 767.99px) {

  .testimonials-three .slick-list,
  .testimonials-four .slick-list {
    padding: 24px 0;
  }
}

.testimonials-three .slick-dots,
.testimonials-four .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  gap: 16px;
}

@media (max-width: 767.99px) {

  .testimonials-three .slick-dots,
  .testimonials-four .slick-dots {
    margin-top: 10px;
  }
}

.testimonials-three .slick-dots li,
.testimonials-four .slick-dots li {
  position: relative;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.testimonials-three .slick-dots li button,
.testimonials-four .slick-dots li button {
  display: none;
}

.testimonials-three .slick-dots li::after,
.testimonials-four .slick-dots li::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--secondary);
  transition: 0.5s;
}

.testimonials-three .slick-dots li.slick-active,
.testimonials-four .slick-dots li.slick-active {
  border: 1px solid var(--on-surface);
  background-color: #fff;
}

.testimonials-three .slick-dots li.slick-active::after,
.testimonials-four .slick-dots li.slick-active::after {
  background-color: var(--on-surface);
  border: 1px solid var(--on-surface);
}

.testimonials-four .slick-list {
  padding: 40px 0;
}

@media (max-width: 767.99px) {
  .testimonials-four .slick-list {
    padding: 24px 0;
  }
}

.testimonials-four .slick-dots {
  margin-top: 0;
}

/* .testimonials-six .container>.row {
  margin-top: 45px;
} */

.testimonials-six .container>.row>div .row {
  border-radius: 16px;
  background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(30px);
  overflow: hidden;
}

.testimonials-six .container>.row>div .row>div:first-child .comment-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px;
}

.testimonials-six .container>.row>div .row>div:first-child .comment-item i.icon-quotes {
  opacity: 0.2;
  color: var(--white);
}

.testimonials-six .container>.row>div .row>div:last-child {
  padding-left: 0;
  padding-right: 0;
}

.testimonials-six .container>.row .slick-list {
  overflow: unset;
}

.testimonials-six .container>.row .slick-list .slick-slide {
  padding: 0 20px;
}

.testimonials-six .container>.row .slick-list .slick-slide .row {
  transform: scale(0.8);
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-list .slick-center .row {
  transform: scale(1);
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-list .slick-center .row>div:first-child .comment-item i.icon-quotes {
  font-size: 70px;
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-list .slick-center .row>div:first-child .comment-item .star {
  margin-top: 40px;
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-list .slick-center .row>div:first-child .comment-item .star i {
  font-size: 30px;
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-list .slick-center .row>div:first-child .comment-item .heading7 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-list .slick-center .row>div:first-child .comment-item .infor {
  margin-top: 24px;
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-list .slick-center .row>div:first-child .comment-item .infor .text-button-small {
  font-size: 16px;
  line-height: 26px;
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-list .slick-center .row>div:first-child .comment-item .infor .caption2 {
  font-weight: 500;
  transition: all ease 0.7s;
}

.testimonials-six .container>.row .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.testimonials-six .container>.row .slick-dots li {
  position: relative;
  top: -5px;
  left: 2660px;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.testimonials-six .container>.row .slick-dots li button {
  display: none;
}

.testimonials-six .container>.row .slick-dots li::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #003060;
  transition: 0.5s;
}

.testimonials-six .container>.row .slick-dots li.slick-active {
  border: 1px solid #003060;
  background-color: var(--background);
}

.testimonials-six .container>.row .slick-dots li.slick-active::after {
  background-color: #003060;
  border: 1px solid #003060;
}

@media (max-width: 1600.99px) {
  .testimonials-six .container>.row .slick-list {
    overflow: unset;
  }

  .testimonials-six .container>.row .slick-list .slick-slide {
    padding: 0 20px;
  }

  .testimonials-six .container>.row .slick-list .slick-center .row {
    transform: scale(1);
  }
}

@media (max-width: 1023.99px) {
  .testimonials-six .container>.row {
    margin-top: 40px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide {
    padding: 0 60px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row {
    transform: scale(1);
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item {
    padding: 24px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item i.icon-quotes {
    font-size: 32px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .star {
    margin-top: 16px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .star i {
    font-size: 14px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .heading7 {
    margin-top: 16px;
    font-size: 18px;
    line-height: 26px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .infor {
    margin-top: 16px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .infor .text-button-small {
    font-size: 14px;
    line-height: 24px;
  }

  .testimonials-six .container>.row .slick-dots {
    margin-top: 40px;
  }
}

@media (max-width: 767.99px) {
  .testimonials-six .container>.row .slick-list .slick-slide {
    padding: 0 32px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row {
    flex-direction: column-reverse;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item {
    padding: 24px 12px;
  }
}

@media (max-width: 767.99px) {
  .testimonials-six .container>.row {
    margin-top: 24px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide {
    padding: 0 0;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item i.icon-quotes {
    font-size: 24px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .star {
    margin-top: 12px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .star i {
    font-size: 12px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .heading7 {
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .infor {
    margin-top: 12px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .infor .text-button-small {
    font-size: 12px;
    line-height: 16px;
  }

  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item .infor .caption2 {
    font-size: 11px;
    line-height: 16px;
  }
}

@media (max-width: 575.99px) {
  .testimonials-six .container>.row .slick-list .slick-slide .row>div:first-child .comment-item {
    padding: 16px 8px 20px;
  }
}

.form-contact .row .list-social .item:nth-child(4) i,
.form-contact .row .list-social .item:last-child i {
  margin-left: 2px;
}

@media (max-width: 567.99px) {
  .form-contact .row .list-social .item {
    width: 40px;
    height: 40px;
  }
}

.form-contact .row .list-more-infor .item .line-y {
  height: 28px;
}

.form-contact .row .list-more-infor .item:nth-child(3) .text-button {
  text-transform: none;
}

.form-contact .row .form-block input,
.form-contact .row .form-block select,
.form-contact .row .form-block textarea {
  border: 1px solid transparent;
  outline: none;
}

.form-contact .row .form-block input:focus,
.form-contact .row .form-block select:focus,
.form-contact .row .form-block textarea:focus {
  border: 1px solid var(--blue);
}

.form-contact .row .form-block select {
  -webkit-appearance: none;
}

.form-contact .row .form-block .col-12 {
  position: relative;
}

.form-contact .row .form-block .col-12 input,
.form-contact .row .form-block .col-12 select {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form-contact .row .form-block .col-12 i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}

.form-contact .row .form-block.style-one button {
  border: 2px solid transparent;
  outline: none;
  transition: 0.3s;
}

.form-contact .row .form-block.style-one button:hover {
  background-color: #fff;
  border: 2px solid var(--blue);
  color: var(--blue);
}

.form-contact.style-two .container>.row>div:last-child {
  border-radius: 16px;
  padding: 40px 44px;
  box-shadow: 0px 1px 25px 0px rgba(54, 95, 104, 0.1);
}

.form-contact.style-two .heading .title {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--blue);
}

.form-contact.style-two button {
  border: none;
  outline: none;
  transition: 0.3s;
}

.form-contact.style-two button:hover {
  background-color: var(--blue);
}

.form-contact.style-two .map-block iframe {
  width: 100%;
  height: 512px;
  margin-bottom: -6px;
}

@media (max-width: 1169.99px) {
  .form-contact .row .col-12.col-xl-6 {
    padding-left: 15px;
  }
}

.question-item .question-item-main i {
  transform: rotate(0);
  transition: all ease 0.5s;
}

@media (max-width: 575.99px) {
  .question-item .question-item-main i {
    font-size: 16px;
  }
}

.question-item .content-question {
  transition: all ease-in-out 0.5s;
  max-height: 0;
  overflow: hidden;
}

.question-item .content-question .border-line {
  background-color: rgba(231, 231, 231, 0.8);
}

.question-item.open .content-question {
  max-height: 500px;
  margin-bottom: 10px;
  transition: all ease-in-out 0.5s;
}

.pricing-block .pricing-main .heading .switch .bg-placehover {
  display: block;
  width: 80px;
  height: 40px;
  border-radius: 99px;
  border: none;
  outline: none;
  position: relative;
  transition: all ease 0.6s;
  overflow: hidden;
  cursor: pointer;
}

.pricing-block .pricing-main .heading .switch .bg-placehover::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  background-color: #fff;
  border-radius: 50%;
  transition: all ease 0.3s;
}

.pricing-block .pricing-main .heading .switch.enable .bg-placehover {
  background-color: var(--blue);
}

.pricing-block .pricing-main .heading .switch.enable .bg-placehover::before {
  left: 44px;
}

.pricing-block .pricing-main .heading .switch.enable .body3:first-child {
  color: var(--placehover);
}

.pricing-block .pricing-main .heading .switch.enable .body3:last-child {
  color: var(--on-surface);
}

.our-team-block .container .list-member .col-12 .bg-img {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  cursor: pointer;
}

.our-team-block .container .list-member .col-12 .bg-img img {
  transition: all ease 0.5s;
  border-radius: 25px;
}

.our-team-block .container .list-member .col-12 .bg-img .list-social {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  /* position:fixed; */

  transform: translateY(-209%);

  border-radius: 8px;
  padding: 12px 8px;
  transition: all ease-in-out 0.5s;
}

.our-team-block .container .list-member .col-12 .bg-img .list-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 2px solid #aaaaaa47;
}

.our-team-block .container .list-member .col-12 .bg-img .list-social a i {
  margin-left: 2px;
}

.our-team-block .container .list-member .col-12 .bg-img .list-social a i::before {
  color: var(--on-surface);
}

.our-team-block .container .list-member .col-12 .bg-img .list-social a:hover {
  background-color: var(--blue);
}

.our-team-block .container .list-member .col-12 .bg-img .list-social a:hover i::before {
  color: var(--white);
}

.our-team-block .container .list-member .col-12 .infor .name {
  transition: all ease-in-out 0.3s;
}

.our-team-block .container .list-member .col-12:hover {
  cursor: pointer;
}

.our-team-block .container .list-member .col-12:hover .bg-img img {
  transform: scale(1.1);
}

.our-team-block .container .list-member .col-12:hover .list-social {
  transition: all ease-in-out 0.5s;
  right: 20px;
}

.our-team-block .container .list-member .col-12:hover .infor .name {
  color: var(--blue);
}

.scroll-to-top-btn {
  background-color: var(--blue);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0px;
  right: 30px;
  transition: all ease 0.3s;
  box-shadow: 0px 5px 25px rgba(58, 64, 67, 0.2);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

.scroll-to-top-btn i {
  color: var(--white);
  transition: all ease 0.3s;
}

.scroll-to-top-btn:hover {
  background-color: var(--blue);
}

.scroll-to-top-btn.active {
  bottom: 30px;
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}

.style-three .scroll-to-top-btn {
  background-color: var(--gradient);
}

.style-three .scroll-to-top-btn:hover {
  background-color: var(--on-surface);
}

.style-four .scroll-to-top-btn {
  background-color: var(--success);
}

.style-four .scroll-to-top-btn:hover {
  background-color: var(--on-surface);
}

.style-six .scroll-to-top-btn {
  background-color: var(--orange);
}

.style-six .scroll-to-top-btn:hover {
  background-color: var(--white);
}

.style-six .scroll-to-top-btn:hover i {
  color: var(--orange);
}

.form-cta-block {
  position: relative;
  height: 550px;
}

.form-cta-block .bg-img img {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  filter: blur(3px);
}

.form-cta-block .container>.row>div:last-child {
  display: flex;
  justify-content: flex-end;
}

.form-cta-block .container>.row>div:last-child .form-block {
  width: 95%;
}

.form-cta-block .container>.row>div:last-child .form-block input,
.form-cta-block .container>.row>div:last-child .form-block select,
.form-cta-block .container>.row>div:last-child .form-block textarea {
  outline: none;
  border: 2px solid transparent;
}

.form-cta-block .container>.row>div:last-child .form-block input:focus,
.form-cta-block .container>.row>div:last-child .form-block select:focus,
.form-cta-block .container>.row>div:last-child .form-block textarea:focus {
  border: 2px solid var(--blue);
}

.form-cta-block .container>.row>div:last-child .form-block select {
  -webkit-appearance: none;
}

.form-cta-block .container>.row>div:last-child .form-block .col-12 {
  position: relative;
}

.form-cta-block .container>.row>div:last-child .form-block .col-12 i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}

.form-cta-block .container>.row>div:last-child .form-block button {
  border: none;
  outline: none;
  transition: 0.3s;
}

/* .form-cta-block .container>.row>div:last-child .form-block button:hover {
  background-color: var(--white);
  color: var(--blue);
} */

@media (max-width: 991.99px) {
  .form-cta-block {
    height: 680px;
  }

  .form-cta-block .container>.row {
    padding-top: 30px;
    padding-bottom: 36px;
  }

  .form-cta-block .container>.row>div:first-child div br {
    display: none;
  }

  .form-cta-block .container>.row>div:last-child {
    justify-content: unset;
  }

  .form-cta-block .container>.row>div:last-child .form-block {
    width: 100%;
  }
}

@media (max-width: 991.99px) {
  .form-cta-block {
    height: 520px;
  }
}

@media (max-width: 575.99px) {
  .form-cta-block {
    height: 580px;
  }
}

@media (max-width: 400.99px) {
  .form-cta-block {
    height: 620px;
  }
}

.style-six .form-cta-block {
  position: relative;
}

.style-six .form-cta-block .bg-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.style-six .form-cta-block .bg-img img {
  position: fixed;
}

.style-six .form-cta-block .form-block {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
}

.style-six .form-cta-block .button-block button {
  background-color: var(--orange);
  border: none !important;
}

.style-six .form-cta-block .button-block button:hover {
  background-color: var(--white) !important;
  color: var(--orange) !important;
  border: none !important;
}

@media (max-width: 991.99px) {
  .style-six .form-cta-block {
    height: 630px;
  }

  .style-six .form-cta-block .container>.row {
    padding-top: 20px;
    padding-bottom: 24px;
  }
}

@media (max-width: 767.99px) {
  .style-six .form-cta-block {
    height: 520px;
  }
}

@media (max-width: 575.99px) {
  .style-six .form-cta-block {
    height: 580px;
  }
}

@media (max-width: 396.99px) {
  .style-six .form-cta-block {
    height: 600px;
  }
}

.cta-block.style-two {
  position: relative;
  height: 120px;
  width: 100%;
}

.cta-block.style-two .bg-cta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.cta-block.style-two .bg-cta img {
  object-fit: cover;
  width: 100%;
}

.cta-three .container,
.cta-three .row {
  position: relative;
  height: 100%;
}

.cta-three .button-block {
  padding-bottom: 216px;
  z-index: 5;
}

.cta-three .bg-img {
  position: absolute;
  bottom: 0;
}

.cta-three .bg-img img {
  display: block;
}

@media (max-width: 575.99px) {
  .cta-three .pt-80 {
    padding-top: 40px;
  }

  .cta-three .button-block {
    padding-bottom: 140px;
  }
}

@media (max-width: 399.99px) {
  .cta-three .button-block {
    padding-bottom: 120px;
  }
}

.cta-block.style-four {
  position: relative;
  width: 100%;
}

.cta-block.style-four .bg-cta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.cta-block.style-four .bg-cta img {
  object-fit: cover;
}

.cta-block.style-four .container>div,
.cta-block.style-four .container a {
  z-index: 1;
}

.cta-block.style-five .container .content {
  position: relative;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
}

.cta-block.style-five .container .content .bg-cta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.cta-block.style-five .container .content .bg-cta img {
  object-fit: cover;
}

.cta-block.style-five .container .content .text {
  padding-right: 230px;
}

@media (max-width: 1169.99px) {
  .cta-block.style-five .container .content .text {
    padding-right: 260px;
    padding-left: 40px;
  }
}

@media (max-width: 900.99px) {
  .cta-block.style-five .container .content .text {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 170px;
    padding-left: 40px;
  }
}

@media (max-width: 767.99px) {
  .cta-block.style-five .container .content .bg-cta img {
    width: 200%;
  }

  .cta-block.style-five .container .content .text {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media (max-width: 479.99px) {
  .cta-block.style-five .container .content .text {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    padding-left: 24px;
  }

  .cta-block.style-five .container .content .button-block {
    flex-direction: column;
    align-items: flex-start;
  }
}

#footer .footer-block .row {
  align-items: flex-start;
}

#footer .footer-block .row .footer-logo {
  width: 145px;
}

#footer .footer-block .row .list-social .item {
  width: 40px;
  height: 40px;
}

#footer .footer-block .row .list-social .item i {
  font-size: 20px;
  color: var(--white);
}

#footer .footer-block .row .company-contact a {
  display: flex;
  flex-direction: column;
}

#footer .footer-block .row .company-contact .send-block {
  height: 46px;
}

#footer .footer-block .row .company-contact .send-block input {
  height: 100%;
  width: calc(100% - 46px);
  padding: 0 12px;
  border: 1px solid transparent;
  outline: none;
  border-radius: 8px 0 0 8px;
}

#footer .footer-block .row .company-contact .send-block input:focus {
  border: 1px solid var(--blue);
}

#footer .footer-block .row .company-contact .send-block button {
  height: 100%;
  width: 46px;
  border: 1px solid transparent;
  outline: none;
  background-color: var(--blue);
  border-radius: 0 8px 8px 0;
}

#footer .footer-block .row .company-contact .send-block button:hover {
  background-color: #4d67fa;
}

#footer .style-two .footer-block {
  background-color: #001829;
}

#footer .style-three .footer-block {
  background-color: #001829;
}

#footer .style-three .footer-block .company-contact svg path:nth-child(2),
#footer .style-three .footer-block .company-contact svg path:nth-child(3) {
  fill: var(--gradient) !important;
}

#footer .style-three .footer-block .company-contact svg path:nth-child(4) {
  fill: var(--white) !important;
}

#footer .style-three .footer-block .company-contact .send-block button {
  background-color: var(--gradient);
}

#footer .style-three .footer-block .company-contact .send-block button:hover {
  background-color: #3234c9;
}

#footer .style-four .footer-block {
  background-color: var(--deep-purple);
}

#footer .style-four .footer-block .company-contact svg path:nth-child(2),
#footer .style-four .footer-block .company-contact svg path:nth-child(3) {
  fill: var(--success) !important;
}

#footer .style-four .footer-block .company-contact svg path:nth-child(4) {
  fill: var(--white) !important;
}

#footer .style-four .footer-block .company-contact .send-block button {
  background-color: var(--success);
}

#footer .style-four .footer-block .company-contact .send-block button:hover {
  background-color: #34c553;
}

#footer .style-five .footer-block {
  background-color: var(--on-surface);
}

#footer .style-six .footer-block {
  background-color: var(--on-surface);
}

#footer .style-six .footer-block .company-contact svg path:nth-child(2),
#footer .style-six .footer-block .company-contact svg path:nth-child(3) {
  fill: var(--orange) !important;
}

#footer .style-six .footer-block .company-contact svg path:nth-child(4) {
  fill: var(--white) !important;
}

#footer .style-six .footer-block .company-contact .send-block button {
  background-color: var(--orange);
}

#footer .style-six .footer-block .company-contact .send-block button:hover {
  background-color: #ff5e00;
}

.js-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all ease 0.5s;
  z-index: -1;
}

.js-video-modal .js-video-modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 900px;
  height: 500px;
  padding-left: 32px;
  padding-right: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.js-video-modal .js-video-modal-container .video-block {
  width: 100%;
  height: 100%;
}

.js-video-modal .js-video-modal-container .video-block iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 767.99px) {
  .js-video-modal .js-video-modal-container {
    height: 400px;
  }
}

@media (max-width: 576.99px) {
  .js-video-modal .js-video-modal-container {
    height: 320px;
  }
}

@media (max-width: 479.99px) {
  .js-video-modal .js-video-modal-container {
    height: 250px;
  }
}

@media (max-width: 400.99px) {
  .js-video-modal .js-video-modal-container {
    height: 200px;
  }
}

.js-video-modal.open {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}

@keyframes showItem {
  from {
    transform: scale(0.2);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.item-filter.hide {
  display: none;
}

/* .item-filter.show {
  display: block;
} */

.row.blog-item.item-filter.show {
  display: flex;
  animation: showItem ease-in-out 0.5s;
}

#header {
  display: unset;
}

.header-menu {
  position: sticky;
  top: 0;
  z-index: 1000;
}

@media (max-width: 1169.99px) {
  .header-menu .menu-center-block .nav-item {
    padding: 0 8px;
  }
}

@media (max-width: 1169.99px) and (min-width: 1023.99px) {
  .style-home-two .header-menu .menu-right-block {
    gap: 6px;
  }

  .style-home-two .header-menu .menu-right-block .list-social {
    gap: 4px;
  }

  .style-home-two .header-menu .menu-right-block .list-social .item:last-child {
    display: none;
  }
}

@media (max-width: 1023.99px) {
  .header-menu .menu-center-block {
    display: none;
  }

  .header-menu .menu-right-block .menu-humburger {
    display: block;
    padding-left: 24px;
  }

  .header-menu .menu-right-block .menu-humburger i {
    font-size: 24px;
  }

  .header-menu.style-four .menu-humburger {
    display: block;
  }

  .header-menu.style-four .menu-humburger i {
    color: var(--white);
    font-size: 24px;
  }
}

.header-menu .h-80 .menu-left-block .menu-logo {
  width: 120px;
  height: 80px;
  object-fit: contain;
}

@media (max-width: 576px) {
  .header-menu .h-80 {
    height: 60px;
  }

  .header-menu .h-80 .menu-left-block .menu-logo {
    width: 120px;
  }

  .header-menu .h-80 .menu-right-block .icon-call,
  .header-menu .h-80 .menu-right-block .text {
    display: none;
  }

  .style-home-two .header-menu .menu-right-block .text-button-small,
  .style-home-two .header-menu .menu-right-block .list-social {
    display: none;
  }

  .header-menu.style-four .h-88 {
    height: 60px;
  }

  .header-menu.style-four .menu-right-block .button-block {
    display: none;
  }
}

.header-menu #menu-mobile-block {
  position: relative;
}

.header-menu #menu-mobile-block .menu-mobile-main {
  transition: all ease-in-out 0.5s;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 0;
  z-index: 10;
  background-color: #fff;
}

.header-menu #menu-mobile-block .menu-mobile-main .menu-nav-mobile .nav-item-mobile .sub-nav-mobile {
  transition: all ease-in-out 0.5s;
  overflow: hidden;
  max-height: 0;
}

.header-menu #menu-mobile-block .menu-mobile-main .menu-nav-mobile .nav-item-mobile .sub-nav-mobile.open {
  max-height: 280px;
}

.header-menu #menu-mobile-block.open {
  border-top: 1px solid var(--line);
}

.header-menu #menu-mobile-block.open .menu-mobile-main {
  max-height: 320px;
}

@media (max-width: 992px) {
  .top-nav .location {
    display: none;
  }

  .top-nav .mail {
    margin-left: 0;
  }

  .matchstick {
    visibility: hidden;
  }

  .matchstick .flame {
    visibility: hidden;
  }
}

@media (max-width: 576px) {
  .top-nav .h-44 {
    height: 36px;
  }

  .top-nav .h-60 {
    height: 40px;
  }

  .top-nav .right-block {
    gap: 0;
  }

  .top-nav .right-block .call-block,
  .top-nav .right-block .line,
  .top-nav .right-block .list-social {
    display: none;
  }
}

@media (max-width: 576px) {
  .top-nav.style-four .left-block img {
    width: 120px;
  }

  .top-nav.style-four .right-block .flex-item-center .caption2 {
    display: none;
  }
}

@media (max-width: 1023.99px) {
  #footer .cta-block {
    height: 140px;
  }

  #footer .cta-block .container {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }

  #footer .footer-block .row .col-3:first-child {
    max-width: 35%;
    flex: 0 0 35%;
  }

  #footer .footer-block .row .col-6 {
    max-width: 55%;
    flex: 0 0 55%;
  }

  #footer .footer-block .row .col-6 .footer-navigate {
    gap: 0;
    justify-content: space-between;
  }

  #footer .footer-block .row .col-3:last-child {
    margin-top: 30px;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767.99px) {
  #footer .cta-block {
    height: 180px;
  }

  #footer .cta-block .container {
    text-align: center;
  }

  #footer .footer-block .row .col-3:first-child {
    flex: 0 0 80%;
    max-width: 80%;
  }

  #footer .footer-block .row .col-6 {
    margin-top: 30px;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #footer .footer-block .row .col-3:last-child {
    flex: 0 0 80%;
    max-width: 80%;
  }

  #footer .footer-block .footer-bottom {
    flex-direction: column-reverse;
    gap: 8px;
  }
}

@media (max-width: 575.99px) {
  #footer .footer-block .row .col-3:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #footer .footer-block .row .col-6 {
    margin-top: 30px;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #footer .footer-block .row .col-6 .footer-navigate {
    flex-wrap: wrap;
    gap: 30px;
  }

  #footer .footer-block .row .col-6 .footer-nav-item {
    width: 100%;
  }

  #footer .footer-block .row .col-3:last-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.content-detail-block .container>.row>div:last-child .list-nav .nav-item.active,
.content-detail-block .container>.row>div:last-child .list-nav .nav-item:hover {
  background-color: var(--surface);
}

.content-detail-block .container>.row>div:last-child .list-nav .nav-item.active .text-secondary,
.content-detail-block .container>.row>div:last-child .list-nav .nav-item:hover .text-secondary {
  color: var(--on-surface);
}

.content-detail-block .container>.row>div:last-child .list-nav .nav-item.active i,
.content-detail-block .container>.row>div:last-child .list-nav .nav-item:hover i {
  visibility: visible;
}

.content-detail-block .container>.row>div:last-child .ads-block {
  margin-top: 40px;
  width: 100%;
  position: relative;
}

.content-detail-block .container>.row>div:last-child .ads-block .bg-img {
  width: 100%;
}

.content-detail-block .container>.row>div:last-child .ads-block .bg-img img {
  width: 100%;
  z-index: -1;
}

.content-detail-block .container>.row>div:last-child .ads-block .text {
  position: absolute;
  left: 32px;
  top: 36px;
  bottom: 36px;
}

@media (max-width: 1169.99px) {
  .content-detail-block .container>.row>div:last-child {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .content-detail-block .container>.row>div:last-child .more-infor,
  .content-detail-block .container>.row>div:last-child .ads-block {
    width: 48%;
  }

  .content-detail-block .container>.row>div:last-child .ads-block {
    margin-top: 0;
    height: 100%;
  }

  .content-detail-block .container>.row>div:last-child .ads-block .bg-img,
  .content-detail-block .container>.row>div:last-child .ads-block img {
    height: 100%;
  }

  .content-detail-block .container>.row>div:last-child .ads-block .text {
    top: 25%;
    bottom: 25%;
  }
}

@media (max-width: 767.99px) {
  .content-detail-block .container>.row>div:last-child {
    flex-direction: column;
    row-gap: 32px;
  }

  .content-detail-block .container>.row>div:last-child .more-infor,
  .content-detail-block .container>.row>div:last-child .ads-block {
    width: 100%;
  }
}

@media (max-width: 575.99px) {
  .content-detail-block .container>.row>div:last-child .ads-block .text {
    top: 20%;
    bottom: 20%;
  }
}

.layout-item .row .bg-video {
  width: 100%;
  position: relative;
}

.layout-item .row .bg-video i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  color: var(--critical);
  transition: all ease 0.4s;
  padding: calc((80px - 28px) / 2);
}

.layout-item .row .bg-video i:hover {
  background-color: #fc3f3f;
  color: var(--white);
}

@media (max-width: 991.99px) {
  .layout-item .row>div:first-child {
    padding-right: 15px;
  }

  .layout-item .row>div:last-child {
    padding-left: 15px;
  }
}

@media (max-width: 991.99px) {
  .style-three .layout-item .container .row {
    flex-direction: column-reverse;
  }
}

@media (max-width: 575.99px) {
  .style-three .layout-item .container .row {
    flex-direction: column-reverse;
  }

  .style-three .layout-item .container .row>div:nth-child(2) .bg-video i {
    font-size: 24px;
    padding: calc((60px - 24px) / 2);
  }
}

.list-partner-block img {
  cursor: pointer;
}

.list-partner-block .border-line {
  background-color: rgba(183, 183, 183, 0.2);
}

.list-partner-block .list-partner .item-main {
  justify-content: space-around;
}

.list-partner-block .more-list .row .bg-img {
  height: 270px;
  transition: 0.4s;
}

.list-partner-block .more-list .row .bg-img img {
  width: 100%;
  height: 268px;
  border-radius: 14px;
  object-fit: cover;
  object-position: top;
}

.list-partner-block .more-list .row .img-size img {
  width: 100%;
  height: 268px;
  border-radius: 14px;
  object-fit: cover;
  object-position: center;
}

.testimonials-block.style-two .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -62px;
  gap: 16px;
}

.list-partner-block .slick-initialized .slick-slide {
  display: flex;
}

@media (max-width: 991.99px) {
  .list-partner-block .list-partner .item-main {
    flex-wrap: wrap;
    row-gap: 32px;
  }

  .list-partner-block .list-partner .item-main .bg-img {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 575.99px) {
  .list-partner-block .container .heading3 br {
    display: none;
  }

  .list-partner-block .list-partner .item-main .bg-img {
    width: 100%;
  }
}

.partner-five-col {
  overflow: hidden;
}

.partner-five-col .list {
  display: flex;
  width: calc(260px * 30);
  overflow: hidden;
  animation: scroll 30s linear infinite;
}

.partner-five-col .list .bg-img {
  width: 140px !important;
  margin: 0 60px;
  object-fit: cover;
}

.partner-five-col .list .bg-img img {
  object-fit: contain;
  height: 100px;
}

.style-two .partner-five-col {
  background-color: #173363;
  margin-top: 0;
}

.style-four .partner-five-col {
  background-color: #15143b;
  margin-top: 0;
}

.style-five .partner-five-col {
  background-color: var(--dark-blue);
  margin-top: 60px;
}

.style-six .partner-five-col {
  background-color: var(--on-surface);
  margin-top: 0;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-1560px);
  }
}

@media (max-width: 767.99px) {

  html,
  body {
    font-size: 14px;
    line-height: 22px;
  }

  .heading2 {
    font-size: 28px;
    line-height: 36px;
  }

  .heading3 {
    font-size: 24px;
    line-height: 32px;
  }

  .heading4 {
    font-size: 22px;
    line-height: 30px;
  }

  .heading5 {
    font-size: 20px;
    line-height: 26px;
  }

  .heading6 {
    font-size: 18px;
    line-height: 28px;
    color: var(--text-color1);
  }

  .heading7 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-button {
    font-size: 10px;
    line-height: 13px;
    line-height: 18px;
  }

  .text-button-small {
    font-size: 12px;
    line-height: 18px;
  }

  .body1 {
    font-size: 18px;
    line-height: 26px;
  }

  .body2 {
    font-size: 16px;
    line-height: 24px;
  }

  .body3 {
    font-size: 14px;
    line-height: 20px;
  }

  .caption1 {
    font-size: 12px;
    line-height: 16px;
  }

  .button-share {
    padding: 10px 24px;
  }

  .mt-100 {
    margin-top: 60px;
  }

  .pt-36 {
    padding-top: 10px;
  }

  .pt-100 {
    padding-top: 60px;
  }

  .pt-80 {
    padding-top: 40px;
  }

  .pb-80 {
    padding-bottom: 40px;
  }

  .pt-60 {
    padding-top: 32px;
  }

  .pb-60 {
    padding-bottom: 32px;
  }

  .pt-32 {
    padding-top: 20px;
  }

  .pb-32 {
    padding-bottom: 20px;
  }

  .pt-16 {
    padding-top: 12px;
  }

  .pb-16 {
    padding-bottom: 12px;
  }

  .pb-100 {
    padding-bottom: 100px;
  }

  .mb-100 {
    margin-bottom: 60px;
  }

  .mt-80 {
    margin-top: 28px;
  }

  .mt-60 {
    margin-top: 24px;
  }

  .mt-40 {
    margin-top: 20px;
  }

  .mt-32 {
    margin-top: 16px;
  }

  .mt-24 {
    margin-top: 16px;
  }

  .mt-20 {
    margin-top: 14px;
  }

  .mt-16 {
    margin-top: 12px;
  }

  .mt-12 {
    margin-top: 6px;
  }

  .mt-8 {
    margin-top: 6px;
  }

  .row-gap-60 {
    row-gap: 30px;
  }

  .row-gap-40 {
    row-gap: 20px;
  }

  .row-gap-32 {
    row-gap: 16px;
  }

  .row-gap-24 {
    row-gap: 12px;
  }

  .row-gap-20 {
    row-gap: 10px;
  }

  .gap-30 {
    gap: 20px;
  }

  .gap-24 {
    gap: 16px;
  }

  .gap-20 {
    gap: 14px;
  }

  .gap-16 {
    gap: 12px;
  }

  .gap-12 {
    gap: 8px;
  }

  .p-40 {
    padding: 30px;
  }

  .p-32 {
    padding: 24px;
  }

  .p-24 {
    padding: 16px;
  }

  i.fs-60 {
    font-size: 44px;
  }

  i.fs-52 {
    font-size: 38px;
  }

  i.fs-48 {
    font-size: 36px;
  }
}

.mr-10 {
  margin-right: 160px;
}

.mr-15 {
  margin-right: 240px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 480px;
}

.mr-35 {
  margin-right: 560px;
}

/* ============================CUSTOM CSS=====================================*/

:root {
  --bgcolor-light: #0e86d4;
  --bgcolor-dark: #68bbe3;
  --bgcolor-darker: #055c9d;
  --bgcolor-darkest: #003060;
  --text-color1: #003060;
  --text-color2: #3133b6;
  --text-color3: #ffffff;
  --text-color4: #030101;
  --shadow-color1: #2e8baf;
  --shadow-color2: #00b2f8;
  --highlight1: #0e7e04;
  --highlight2: #00ccff;
  --button-color1: #3cee2c;
  --button-color2: #5900ff;
}

.ws-nowarp {
  white-space: nowrap;
}

.bg-green {
  color: var(--highlight1) !important;
}

.bg-darkest-color {
  color: var(--bgcolor-darkest) !important;
}

.green {
  background: var(--highlight1) !important;
}

.dark {
  color: var(--bgcolor-darkest) !important;
}

.form-select:focus {
  box-shadow: none;
  border-color: #dddddd;
}

.text-blue-1 {
  color: var(--bgcolor-darkest) !important;
}

.form-control:focus {
  box-shadow: none;
  border-color: #dddddd;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.list-social .facebook {
  background-color: #1877f2;
  color: #ffffff !important;
}

.text-black-40 {
  color: #000000;
  font-weight: 500;
}

.list-social .instagram {
  background: radial-gradient(circle farthest-corner at 35% 90%,
      #fec564,
      transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%,
      #5258cf,
      transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%,
      #893dc2,
      transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(#6559ca,
      #bc318f 30%,
      #e33f5f 50%,
      #f77638 70%,
      #fec66d 100%);
  color: #fff;
}

.list-social .twitter {
  background-color: #1da1f2;
  color: #ffffff;
}

.list-social .linkedin {
  background: #003060;
  color: #fff;
}

.list-social .youtube {
  background: red;
  color: #fff;
}

.leader-details {
  display: flex;
  align-items: center;
  position: absolute;
  left: 8%;
  bottom: 70px;
  gap: 9px;
  z-index: 1;
}

.leader-details.details {
  bottom: 30px;
}

.leader-details a {
  color: #fff;
  z-index: 1;
  margin-top: 5px;
}

.button-share {
  background-color: var(--bgcolor-darker);
  border: 0;
  padding: 10px 15px;
}

.testimonials-three .container .list-comment .item {
  border-radius: 25px;
  border: 1px solid #33333336;
  min-height: 100%;
  height: 270px;
}

.testimonials-three .slick-dots li.slick-active,
.testimonials-four .slick-dots li.slick-active {
  border: 1px solid var(--button-color1);
  background-color: #fff;
}

.testimonials-three .slick-dots li.slick-active::after,
.testimonials-four .slick-dots li.slick-active::after {
  background-color: var(--button-color1);
  border: 1px solid var(--button-color1);
}

.testimonials-block.style-two .slick-dots li.slick-active {
  border: 1px solid var(--button-color1);
  background-color: #fff;
}

.testimonials-block.style-two .slick-dots li.slick-active::after {
  background-color: var(--button-color1);
  border: 1px solid var(--button-color1);
}

.hover-text-blue:hover {
  color: var(--bgcolor-darkest) !important;
  font-weight: 700;
}

.button-share:hover {
  border-color: var(--bgcolor-darker);
  filter: drop-shadow(4px 1px 15px var(--bgcolor-darker));
}

.btn-primary {
  background-color: var(--button-color1);
  border: none;
}

.btn-primary:hover {
  background-color: var(--button-color1);
  filter: drop-shadow(4px 1px 15px var(--button-color1));
  border-color: #54f70952;
}

.hover-bg-blue {
  background-color: var(--bgcolor-darker);
  color: var(--white);
}

.hover-bg-blue:hover {
  background-color: var(--bgcolor-darker);
  filter: drop-shadow(4px 1px 15px var(--bgcolor-darker));
  border-color: var(--bgcolor-darker);
}

.heading2,
.heading3 {
  color: var(--text-color1);
}

.heading5 {
  font-size: 25px;
}

.box-shadow:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  transition: all ease-in-out 0s;
}

.hover-box-shadow:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  transition: all ease-in-out 0s;
}

.hover-bg-blue:hover {
  background-color: var(--button-color1);
  border-color: var(--button-color1);
  filter: drop-shadow(4px 1px 15px var(--button-color1));
  color: #000 !important;
}

.service-block .container .service-row {
  display: flex;
}

.text-highlight {
  color: #979797 !important;
}

.text-highlight:hover {
  color: var(--bgcolor-darkest) !important;
}

.heading4 {
  color: var(--bgcolor-darkest) !important;
}

/* industries style  */

.industry-card {
  width: 350px;
  height: 400px;
  perspective: 800px;
}

.industry-card:hover>.industry-cardBody {
  cursor: pointer;
  transform: rotateY(180deg);
}

.industry-card .industry-cardBody {
  background: #fff;
  border-radius: 32px;
  height: 350px;
  width: 100%;
  position: relative;
  transition: transform 1500ms;
  transform-style: preserve-3d;
}

.industry-card .industry-cardBody .card-front,
.industry-card .industry-cardBody .card-back {
  height: 350px;
  width: 100%;
  border-radius: 2rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  position: absolute;
  backface-visibility: hidden;
}

.industry-card .card-front {
  width: 100%;
  height: 385px;
}

.industry-card .card-front .title img {
  width: 100%;
  height: 235px;
  margin-top: 15px;
  border-radius: 25px;
  object-fit: contain;
}

.industry-card .card-back {
  width: 100%;
  height: 385px;
  transform: rotateY(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .industry-card .card-back .images {
  display: grid;
  grid: 150px / auto auto auto;
  grid-gap: 50px 25px;
} */

.industry-card .card-back .images img {
  width: 100%;
  height: 346px;
  border-radius: 16px;
  object-fit: cover;
  background-color: #16f502;
}

.testimonials-six {
  display: block;
  position: relative;
  overflow: hidden;
}

.testimonials-six .images {
  width: 100%;
  height: 230px;
  border-radius: 25px;
}

.testimonials-six .images img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.right-desc {
  font-size: 0.8rem;
  line-height: 1.5;
  margin-top: 5px;
}

.features-three .timeline-container .row>div:first-child .list-nav-item .nav-item.active {
  color: var(--white);
  background-color: var(--bgcolor-light);
  border-radius: 4px;
}

.benefit-block .list-benefit .benefit-item {
  padding: 10px;
}

.benefit-block.style-one .list-benefit .row>div .benefit-item::before {
  background-color: #ffffff2a;
}

.our-project-block .list-project .row .col-12 .item .bg-img::before {
  background-color: #00000078;
}

.testimonials-block .timeline-container .list-comment .comment-item .bg-img img {
  width: 88%;
  height: 250px;
  margin-left: 80px;
  object-fit: contain;
  border-radius: 80px;
}

.heading-3 {
  color: var(--bgcolor-darkest);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.heading-6 {
  color: var(--bgcolor-darkest);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
}

.button-share1 {
  background-color: var(--button-color1);
}

.button-share1:hover {
  background-color: var(--button-color1);
  filter: drop-shadow(4px 1px 15px var(--button-color1));
  border-color: #54f70952;
}

.card {
  margin-top: 180px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
}

.card .image {
  width: 100%;
  height: 50px;
}

.service-card img {
  position: absolute;
  background-color: rgb(194 196 198 / 0%);
  border: 3px solid #a8a2a242;
  backdrop-filter: blur(4px);
  width: 25%;
  height: auto;
  border-radius: 80px;
  left: -95px;
  top: 25px;
  z-index: 200;
  transition: ease-in-out 0.3s;
}

.service-card img:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  transition: ease-in-out 0.3s;
}

.service-card .service-text-box {
  padding: 20px 30px;
  position: relative;
  background-color: rgb(56 112 217 / 16%);
  backdrop-filter: blur(10px) !important;
  border: 1px solid #a8a2a242;
  width: 100%;
  height: auto;
  border-radius: 32px;
  top: 90px;
}

.service-card .service-text-box:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  z-index: 200;
  transition: all ease-in-out 0.3s;
}

.service-block .service-item:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  z-index: 200;
  transition: all ease-in-out 0.3s;
}

.service-block .service-item.service:hover .button-hover {
  z-index: 200;
  background-color: var(--bgcolor-darkest);
  color: var(--text-color3) !important;
  transition: all ease-in-out 0.3s;
}

.service-block .container .list-service .service-item .service-heading .service-image i {
  background: #0030601c;
  padding: 13px;
  border-radius: 50%;
}

.text-secondary2 {
  color: var(--secondary);
  font-size: 12px;
  font-weight: 600;
}

.industries-card:hover:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  z-index: 200;
  transition: ease-in-out 0.3s;
}

.service-block .container .row {
  display: flex;
  align-items: center;
}

.our-project-block .slick-dots li::after {
  display: none;
}

.content-detail-block .container>.row>div:last-child .ads-block .bg-img img {
  width: 100%;
  height: auto;
}

.heading-7 {
  color: var(--bgcolor-darkest);
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

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

.testimonials-block .container .events-comment {
  max-height: 670px;
}

.testimonials-block .container .events-comment .row.events-row .eventImages {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 25px;
  margin: 25px 0;
  height: 445px;
  max-width: 100%;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 {
  margin: 15px 0;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img {
  margin-top: 35px;
  margin-bottom: 15px;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img img {
  width: 100%;
  height: 200px;
  border-radius: 25px;
  object-fit: contain;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1 {
  content: " ";
  background: #ffffff52;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 7%;
  bottom: 310px;
  border-radius: 25px;
  width: 295px;
  height: 215px;
  opacity: 0;
  transition: all ease 0.3s;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1:hover {
  opacity: 1;
  z-index: 1;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2 {
  content: " ";
  background: #ffffff52;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 4%;
  bottom: 23px;
  border-radius: 25px;
  width: 320px;
  height: 215px;
  opacity: 0;
  transition: all ease 0.3s;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2:hover {
  opacity: 1;
  z-index: 1;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3 {
  content: " ";
  background: #ffffff52;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 56%;
  bottom: 162px;
  width: 231px;
  height: 300px;
  opacity: 0;
  transition: all ease 0.3s;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3:hover {
  opacity: 1;
  z-index: 1;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3 i {
  position: relative;
  top: 95px;
  font-size: 55px;
  color: #666666a1;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1 i {
  position: relative;
  top: 95px;
  font-size: 55px;
  color: #666666a1;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2 i {
  position: relative;
  top: 40px;
  font-size: 55px;
  color: #666666a1;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 img {
  height: 220px;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images2 {
  margin-left: 5px;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images2 img {
  width: 100%;
  height: 160px;
  border-radius: 25px;
  object-fit: contain;
  object-position: center;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size img:hover,
.testimonials-block .container .events-comment .row.events-row .eventImages .images2 img:hover,
.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 img:hover,
.testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img img:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  transition: all ease-in-out 0.3s;
}

.testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size img {
  height: 300px;
}

.testimonials-block .container .events-comment .row.events-row .events-detail {
  border-radius: 25px;
  margin: 25px 0;
  height: 455px;
  max-width: 100%;
}

.testimonials-block .container .events-comment .row.events-row .events-detail .events-heading {
  white-space: nowrap;
}

.testimonials-block .container .events-comment .row.events-row .events-detail .events-desc:hover {
  color: var(--text-color4) !important;
}

.list-partner-block .container .moments .moments-list .moments-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.list-partner-block .container .moments .moments-list .moments-col:hover {
  animation: remove-overflow 2s forwards;
}

.list-partner-block .container .moments .moments-list .moments-col:hover .moments-details {
  animation: moments-details 1s forwards;
  opacity: 1;
  transition: opacity 0.3s;
}

.list-partner-block .container .moments .moments-list .moments-col:not(:hover) .moments-details {
  animation: remove-moments-details 1s forwards;
}

@keyframes moments-details {
  50% {
    transform: translateY(-54px);
  }

  100% {
    transform: translateY(-55px);
  }
}

@keyframes remove-moments-details {
  0% {
    transform: translateY(-54px);
  }

  50% {
    transform: translateY(-55px);
  }

  100% {
    transform: translateY(8px);
  }
}

.list-partner-block .container .moments .moments-list .moments-col .moments-details {
  background: #ffffff63;
  border: 1px solid #ffffff2a;
  backdrop-filter: blur(8px);
  color: var(--text-color1);
  border-radius: 25px;
  width: 70%;
  height: 40px;
  position: absolute;
  bottom: -50px;
  left: 65px;
  opacity: 0;
  transition: opacity 1s 1s;
}

.text-highlight2 {
  color: var(--highlight1);
  font-weight: 600;
  filter: drop-shadow(4px 1px 23px var(--highlight1));
}

.box:hover {
  box-shadow: 9px 12px 15px 0px rgb(28 36 51 / 63%);
  transition: all ease 0.3s;
}

.service-block .container .list-service .service-item.service {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  border: none;
  min-height: 350px;
  max-width: 100%;
  border: 1px solid #fff;
  transition: all ease-in-out 0.3s;
}

.service-block .container .list-service .service-item.service:hover {
  border: 1px solid var(--bgcolor-darkest);
}

.heading-9 {
  color: var(--text-color4);
  font-size: 15px;
  font-weight: 700;
}

.service-block .container .list-service .service-item.service:hover .button-hover {
  z-index: 200;
  background-color: var(--bgcolor-darkest);
  color: var(--text-color3) !important;
  transition: all ease-in-out 0.3s;
}

.service-block .container .list-service .service-item.service:hover .service-desc .list .text-secondary2,
.service-block .container .list-service .service-item.service:hover .heading-9,
.service-block .container .list-service .service-item.service:hover .service-heading .service-image i {
  color: var(--text-color1) !important;
  transition: all ease-in-out 0.2s;
}

.service-block .container .list-service .service-item .service-heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

.service-block .container .list-service .service-item .service-heading .service-image {
  border-radius: 70px;
}

.service-block .container .list-service .service-item .service-heading .service-image img {
  width: 100%;
  height: 100px;
  object-fit: contain;
}

.service-block .container .list-service .service-item.service .service-desc p {
  margin: 15px 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  max-width: 100%;
}

.heading-5 {
  font-size: 15px;
  line-height: 0.5;
  text-transform: capitalize;
}

.heading-10 {
  font-size: 15px;
  line-height: 1.5;
  text-transform: capitalize;
}

.button-hover {
  background-color: var(--button-hover-color);
  color: var(--text-color4) !important;
  border: 1px solid var(--bgcolor-darkest);
  transition: background-color 0.3s;
}

.main-fixed-bg {
  background-image: url("/assets/images/banner/what-virtual-cfo-bg.jpg");
  background-size: cover;
}

.service-block .container .list-service .service-item .service-heading .service-image img {
  width: 100%;
  height: 50px;
}

.our-project-block .list-project .item .bg-img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 25px;
}

.our-project-block .list-project .item .leader-name {
  position: relative;
  top: -95px;
  margin-left: 25px;
  font-size: 15px;
  font-weight: 700;
  z-index: 1;
}

.our-project-block .list-project .item .leader-role {
  position: relative;
  top: -95px;
  margin-left: 25px;
}

.our-project-block .container .list-project .item .social-links-linkedin {
  display: flex;
  justify-content: center;
}

.our-project-block .container .list-project .item .social-links-linkedin a {
  color: #ffffff;
  /* transition: color 0.3s;
  top: -122px;
  right: 84px; */
}

.our-project-block .container .list-project .item .social-linkedin {
  display: flex;
  justify-content: center;
}

.our-project-block .container .list-project .item .social-linkedin a {
  position: relative;
  color: #ffffff;
  transition: color 0.3s;
  top: 0;
  right: 0;
}

.our-project-block .list-project .item.item2 .bg-img img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: top;
  border-radius: 25px;
}

.our-project-block .container .list-project .item.item2 .social-links-linkedin {
  display: flex;
  justify-content: center;
}

.our-project-block .container .list-project .item.item2 .social-links-linkedin a {
  position: relative;
  color: #ffffff;
  transition: color 0.3s;
  top: -122px;
  right: -23px;
  z-index: 1;
}

.our-project-block .container .list-project .item.item2 .social-links-linkedin2 a {
  position: relative;
  color: #ffffff;
  transition: color 0.3s;
  top: -122px;
  right: -190px;
  z-index: 1;
}

.our-project-block .container .list-project .item.item2 .social-linkedin {
  display: flex;
  justify-content: center;
}

.our-project-block .container .list-project .item.item2 .social-linkedin a {
  position: relative;
  color: #ffffff;
  transition: color 0.3s;
  top: -122px;
  right: -112px;
  z-index: 1;
}

.our-project-block .container .list-project .item.item2 .social-linkedin2 a {
  position: relative;
  color: #ffffff;
  transition: color 0.3s;
  top: -121px;
  right: -100px;
  z-index: 1;
}

.style-two .footer-block img {
  object-fit: contain;
}

.financial-assessment-block .container .single-logo {
  width: 200px;
}

.brand-carousel {
  background: blue;
}

.owl-dots {
  display: none;
}

.owl-dot {
  display: inline-block;
  height: 12px !important;
  width: 12px !important;
  background-color: #878787 !important;
  opacity: 0.8;
  border-radius: 50%;
  margin: 0 5px;
}

.vcfo-clients .sec-heading {
  margin-bottom: 50px;
}

.vcfo-clients .sec-heading h2 {
  text-align: center;
  font-family: allura;
  font-size: 80px;
}

.vcfo-clients .clients {
  padding: 200px 0;
}

.vcfo-clients .box {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 60%;
  height: auto;
  transition: transform 0.5s ease-in;
  margin: 8px auto;
}

.vcfo-clients .box img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}

.box:hover {
  transform: scale(1);
}

.service-block .service-item.block {
  min-height: 100%;
  height: 450px;
}

.service-block .service-item.block .service-item-main .desc .heading7 {
  padding-bottom: 1rem;
}

.modal-content.home-page {
  background: #ffffffb5;
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(25px);
  border: 2px solid #ffffff24;
  padding: 35px 40px;
  border-radius: 15px;
  width: 80%;
}

.modal-header.home-page {
  border-bottom: none;
}

.modal-body .form-control {
  border: 1px solid #04040496;
  background: #ffffff66;
}

@media only screen and (max-width: 600px) {
  .single-logo {
    margin-left: 36px !important;
  }

  .heading-content {
    padding-top: 2rem;
  }

  .accordion button {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .accordion button .icon {
    top: 35% !important;
    width: 38px !important;
    height: 32px !important;
  }
}

/**OLD TIMELINE ***/

/*****OLD TIMELINE ****/

.timeline .timeline-container .right-arrow {
  height: 0;
  width: 0;
  position: absolute;
  top: 28px;
  z-index: 1;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #000000;
  left: -33px;
  top: 15px;
}

.timeline .timeline-wrapper {
  position: relative;
  max-width: 100%;
  height: auto;
}

.timeline .timeline-wrapper i {
  color: #929292;
}

.timeline .timeline-wrapper::before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  top: 45px;
  width: 4px;
  height: 3500px;
  background: var(--bgcolor-darkest);
  z-index: 0;
  animation: moveline 5s linear forwards;
}

.timeline-wrapper .first-timeline {
  width: 100%;
  min-height: auto;
}

.timeline-wrapper .second-timeline {
  width: 100%;
  min-height: auto;
}

.timeline-wrapper .third-timeline {
  width: 100%;
  min-height: auto;
}

.timeline-wrapper .fourth-timeline {
  width: 100%;
  min-height: auto;
}

.timeline-wrapper .first-timeline .achievement-1 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 105px;
  right: 811px;
  top: 5px;
}

.timeline-wrapper .first-timeline .achievement-2 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 86px;
  right: 811px;
  top: 5px;
}

.timeline-wrapper .first-timeline .achievement-2.vl-1 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 91px;
  right: 811px;
  top: 5px;
}

.timeline-wrapper .first-timeline .achievement-1.vl-1 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 66px;
  right: 811px;
  top: 4px;
}

.timeline-wrapper .second-timeline .achievement-1 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 86px;
  right: 475px;
  bottom: 16px;
}

.timeline-wrapper .second-timeline .achievement-1.vl-2 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 63px;
  right: 475px;
  bottom: 16px;
}

.timeline-wrapper .second-timeline .achievement-1.vl-3 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 55px;
  right: 475px;
  bottom: 16px;
}

.timeline-wrapper .second-timeline .achievement-2 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 125px;
  right: 475px;
  bottom: 16px;
}

.timeline-wrapper .second-timeline .achievement-2.vl-2 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 83px;
  right: 475px;
  bottom: 16px;
}

.timeline-wrapper .second-timeline .achievement-3 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 120px;
  right: 475px;
  bottom: 16px;

}

.timeline-wrapper .second-timeline .achievement-3.vl-1 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 86px;
  right: 475px;
  bottom: 16px;
}

.timeline-wrapper .second-timeline .achievement-4 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 83px;
  right: 475px;
  bottom: 16px;
}

.timeline-wrapper .third-timeline .achievement-1 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 51px;
  right: 475px;
  top: 26px;
}

.timeline-wrapper .third-timeline .achievement-1.vl-4 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 3px;
  height: 67px;
  right: 475px;
  top: 53px;
}

.timeline-wrapper .fourth-timeline .achievement-1 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--highlight1);
  width: 3px;
  height: 86px;
  right: 475px;
  top: 49px;
}

.timeline-wrapper .fourth-timeline .achievement-2 .right-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--highlight1);
  width: 3px;
  height: 66px;
  right: 475px;
  top: 49px;
}

.timeline-wrapper .first-timeline .first-journey {
  display: flex;
  align-items: center;
  position: relative;
  gap: 20px;
  padding-left: 37.2rem;
  top: 2rem;
}

.timeline-wrapper .second-timeline .second-journey {
  display: flex;
  align-items: center;
  position: relative;
  gap: 20px;
  padding-left: 37.2rem;
  top: 2rem;
}

.timeline-wrapper .third-timeline .third-journey {
  display: flex;
  align-items: center;
  position: relative;
  gap: 20px;
  padding-left: 37.2rem;
  top: 2rem;
}

.timeline-wrapper .fourth-timeline .fourth-journey {
  display: flex;
  align-items: center;
  position: relative;
  gap: 20px;
  padding-left: 37.2rem;
  top: 2rem;
}

.timeline-wrapper .first-timeline .first-year {
  background-color: var(--bgcolor-darkest);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-top: 0;
}

.timeline-wrapper .second-timeline .second-year {
  background-color: var(--bgcolor-darkest);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-top: 0;
}

.timeline-wrapper .third-timeline .third-year {
  background-color: var(--bgcolor-darkest);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-top: 0;
}

.timeline-wrapper .fourth-timeline .fourth-year {
  background-color: var(--highlight1);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-top: 0;
}

.timeline-wrapper .year-detail {
  top: 30px;
}

.timeline-wrapper .first-timeline .first-year .year-detail {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 25px;
}

.timeline-wrapper .second-timeline .second-year .year-detail {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 25px;
}

.timeline-wrapper .third-timeline .third-year .year-detail {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 25px;
}

.timeline-wrapper .fourth-timeline .fourth-year .year-detail {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 25px;
}

.timeline-wrapper .first-timeline .first-year .year-title {
  position: relative;
  white-space: nowrap;
  left: 112px;
}

.timeline-wrapper .second-timeline .second-year .year-title {
  position: relative;
  white-space: nowrap;
  left: 112px;
}

.timeline-wrapper .third-timeline .third-year .year-title {
  position: relative;
  white-space: nowrap;
  left: 112px;
}

.timeline-wrapper .fourth-timeline .fourth-year .year-title {
  position: relative;
  white-space: nowrap;
  left: 112px;
}

.timeline-wrapper .first-timeline .right-container {
  display: flex;
  justify-content: center;
  position: relative;
  left: 25%;
  top: 50px;
}

.timeline-wrapper .second-timeline .right-container {
  display: flex;
  justify-content: center;
  position: relative;
  right: 25%;
  top: 12px;
}

.timeline-wrapper .third-timeline .right-container {
  display: flex;
  justify-content: center;
  position: relative;
  right: 25%;
  top: 37px;
}

.timeline-wrapper .fourth-timeline .right-container {
  display: flex;
  justify-content: center;
  position: relative;
  right: 25%;
}

.timeline-wrapper .first-timeline .right-container .right-side {
  max-width: 25%;
}

.timeline-wrapper .second-timeline .right-container .right-side {
  max-width: 25%;
  position: relative;
  bottom: 14px;
}

.timeline-wrapper .third-timeline .right-container .right-side2 {
  max-width: 25%;
  position: relative;
  top: 49px;
}

.timeline-wrapper .third-timeline .right-container .right-side {
  max-width: 25%;
  position: relative;
  top: 27px;
}

.timeline-wrapper .fourth-timeline .right-container .right-side {
  max-width: 25%;
  position: relative;
  top: 46px;
}

.timeline-wrapper .first-timeline .left-container {
  display: flex;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--bgcolor-darkest);
  border-radius: 50%;
  position: relative;
  left: 30%;
  bottom: 31px;
}

.timeline-wrapper .first-timeline .left-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 373px;
  height: 3px;
  top: 18px;
  left: 100%;
  z-index: 0;
}

.timeline-wrapper .first-timeline .left-container2 {
  display: flex;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--bgcolor-darkest);
  border-radius: 50%;
  position: relative;
  left: 30%;
  bottom: 20px;
}

.timeline-wrapper .first-timeline .left-container2::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 373px;
  height: 3px;
  top: 18px;
  left: 100%;
  z-index: 0;
}

.timeline-wrapper .second-timeline .left-container {
  display: flex;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--bgcolor-darkest);
  border-radius: 50%;
  position: relative;
  left: 63%;
  top: 77px;
}

.timeline-wrapper .second-timeline .left-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 358px;
  height: 3px;
  top: 18px;
  right: 10%;
  z-index: 0;
}

.timeline-wrapper .third-timeline .left-container {
  display: flex;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--bgcolor-darkest);
  border-radius: 50%;
  position: relative;
  left: 63%;
  bottom: 0;
}

.timeline-wrapper .third-timeline .left-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--bgcolor-darkest);
  width: 358px;
  height: 3px;
  top: 18px;
  right: 10%;
  z-index: 0;
}

.timeline-wrapper .fourth-timeline .left-container {
  display: flex;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--highlight1);
  border-radius: 50%;
  position: relative;
  left: 63%;
  bottom: 48px;
}

.timeline-wrapper .fourth-timeline .left-container::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--highlight1);
  width: 358px;
  height: 3px;
  top: 22px;
  right: 10%;
  z-index: 0;
}

.timeline-wrapper .first-timeline .left-container .left-icon {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  top: 5px;
}

.timeline-wrapper .first-timeline .left-container2 .left-icon {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  top: 5px;
}

.timeline-wrapper .second-timeline .left-container .left-icon {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  top: 5px;
}

.timeline-wrapper .third-timeline .left-container .left-icon {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  top: 5px;
}

.timeline-wrapper .fourth-timeline .left-container .left-icon {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  top: 5px;
}

.timeline-wrapper .first-timeline .left-container .left-icon i {
  position: relative;
  left: 25%;
  top: 2px;
}

.timeline-wrapper .first-timeline .left-container2 .left-icon i {
  position: relative;
  left: 25%;
  top: 2px;
}

.timeline-wrapper .second-timeline .left-container .left-icon i {
  position: relative;
  left: 25%;
  top: 2px;
}

.timeline-wrapper .third-timeline .left-container .left-icon i {
  position: relative;
  left: 25%;
  top: 2px;
}

.timeline-wrapper .fourth-timeline .left-container .left-icon i {
  position: relative;
  left: 25%;
  top: 2px;
}

.dot-1 {
  position: relative;
  background: var(--bgcolor-darkest);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  left: 635px;
  bottom: 0;
  z-index: 1;
}

.dot-2 {
  position: relative;
  background: var(--bgcolor-darkest);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  left: 635px;
  top: 46px;
  z-index: 1;
}

.dot-3 {
  position: relative;
  background: var(--bgcolor-darkest);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  left: 635px;
  bottom: 12px;
  z-index: 1;
}

.dot-4 {
  position: relative;
  background: var(--bgcolor-darkest);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  left: 635px;
  top: 33px;
  z-index: 1;
}

.dot-5 {
  position: relative;
  background: var(--bgcolor-darkest);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  left: 635px;
  top: 12px;
  z-index: 1;
}

.dot-1 .inner-dot,
.dot-2 .inner-dot,
.dot-3 .inner-dot,
.dot-4 .inner-dot,
.dot-5 .inner-dot {
  position: relative;
  background: var(--text-color3);
  width: 19px;
  height: 19px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
}


@keyframes moveline {
  0% {
    height: 0;
    background: #003060;
  }

  70% {
    height: 3140px;
    background: #003060;
  }

  100% {
    background: #0e7e04;
    height: 4000px;
  }
}


/* Splash */

#splash.banner {
  position: fixed;
  z-index: 9999;
}

#splash.banner .splash-container {
  position: absolute;
  background: #000000bd;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(25px);
  z-index: 99999999999999999999999999999999;
}

#splash.banner video {
  position: relative;
  left: 25%;
  width: 50%;
  height: 100%;
}

#splash.fade {
  opacity: 0;
  transition: ease-in-out 0.5s;
  z-index: -99999999999999999;
}

#splash .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 1.5rem;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}

#thank-you.page .thank-you-card {
  position: relative;
  left: 9%;
  width: 84%;
  background: #ffffffad;
  border: 2px solid #ffffff75;
}

#thank-you.page .details {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: -20px;
}

#thank-you.page .details img {
  width: 10%;
}

#thank-you.page .yt-videos {
  display: flex;
  justify-content: center;
  padding: 25px 50px;
}

#thank-you.page .yt-videos iframe {
  width: 95%;
  height: 182px;
  margin: 0 16px;
}

#thank-you.page .link {
  display: flex;
  justify-content: center;
}

#thank-you.page .link .card {
  width: 25%;
  height: 135px;
  margin-top: -30px;
  transition: 0.1s all ease-in-out;
  background: #aebecc;
}

#thank-you.page .link .card a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

#thank-you.page .link .card .list-social a:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

@media only screen and (max-width: 1023px) {

  .m-view {
    display: none;
  }

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

  .o-12 {
    order: 12 !important;
  }

  .o-3 {
    order: 3 !important;
  }

  .o-5 {
    order: 5 !important;
  }

  .bg-img {
    margin: 10px 0;
  }

  .slider-sub.banner {
    height: 550px;
  }

  .slider-sub.banner .bg-img {
    margin: 0;
  }

  .slider-sub.banner .bg-img img {
    filter: brightness(0.6999);
  }

  .slider-sub.banner .content-para .heading4 {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    width: 250px;
  }

  .slider-sub.banner .content-para .body2 {
    font-size: 11px !important;
    font-weight: 400;
    line-height: 1.2;
    width: 250px;
  }

  .slider-sub.banner .service-form .heading .heading5 {
    font-size: 15px;
  }

  .slider-sub.banner .service-form form input,
  .slider-sub.banner .service-form form span {
    height: 0;
    margin: 5px 0 0;
    border-radius: 6px;
  }

  .slider-sub.banner .service-form form .button-share {
    width: 100%;
  }

  #thank-you.page .thank-you-card {
    left: -30px;
    width: 350px;
  }

  #thank-you.page .details {
    margin-top: 0;
  }

  #thank-you.page .details h1 {
    font-size: 15px;
  }

  #thank-you.page .details p {
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 12px;
  }

  #thank-you.page .yt-videos {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -45px;
  }

  #thank-you.page .yt-videos iframe {
    width: 100%;
    height: 182px;
    border-radius: 0;
    margin: 0;
  }

  #thank-you.page .link .card {
    width: 100%;
    height: 119px;
    margin-top: 0px;
    transition: 0.1s all ease-in-out;
  }

  #thank-you.page .link .card a {
    margin-top: 12px;
    margin-left: 0;
  }

  #splash.banner video {
    left: 3% !important;
    width: 95% !important;
  }

  .testimonials-six .heading5 {
    font-size: 1.2rem;
  }

  .testimonials-six .text-line {
    font-size: 0.75rem;
    line-height: 1.6;
    margin: 20px 0 0;
  }

  .row.events-row {
    max-width: 100%;
    flex-direction: column-reverse;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 {
    display: flex;
    flex-direction: row;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img {
    position: relative;
    max-width: 100%;
    top: -325px;
    right: 40px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photos .img {
    position: relative;
    max-width: 100%;
    top: -270px;
    right: 54px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image1 img {
    width: 9rem;
    height: 95px;
    border-radius: 25px;
    object-fit: contain;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image2 {
    margin-left: 25px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image2 img {
    width: 9rem;
    height: 95px;
    border-radius: 25px;
    object-fit: contain;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 {
    position: absolute;
    top: -12px;
    margin-left: -58px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photo,
  .testimonials-block .container .events-comment .row.events-row .eventImages .photos {
    display: flex;
    flex-direction: column;
    position: relative;
    right: 54px;
    top: 94px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photos {
    top: 10px;
  }


  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 {
    min-height: 100px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 img {
    width: 100%;
    height: 100px;
    border-radius: 25px;
    object-fit: contain;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photos .img.img-size2 img {
    width: 100%;
    height: 115px;
    border-radius: 25px;
    object-fit: contain;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size {
    position: absolute;
    top: -70px;
    margin-left: 120px;
    max-height: 200px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size.size {
    position: absolute;
    top: -106px;
    margin-left: 110px;
    max-height: 200px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size img {
    max-width: 100%;
    height: 190px;
    border-radius: 25px;
    object-fit: cover;
    object-position: center;
  }

  .consultation {
    line-height: 1.8;
  }

  .our-project-block .container .list-project .item.item2 .social-links-linkedin a {
    position: relative;
    top: -118px;
    right: 7px;
  }

  .our-project-block .container .list-project .item.item2 .social-links-linkedin2 a {
    position: relative;
    top: -119px;
    right: -140px;
  }

  .our-project-block .container .list-project .item.item2 .social-linkedin a {
    position: relative;
    top: -119px;
    right: -60px;
  }

  .our-project-block .container .list-project .item.item2 .social-linkedin2 a {
    position: relative;
    top: -118px;
    right: -69px;
  }

  /* .our-project-block .container .list-project .item .social-links-linkedin a {
    position: relative;
    top: -118px;
    right: 84px;
  } */

  .testimonials-block .container .events-comment .row.events-row .details {
    margin-top: 35px;
  }

  .testimonials-block .container .events-comment .row.events-row .events-heading {
    position: relative;
    top: -73rem;
    right: 1px;
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
  }


  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 0%;
    bottom: -2px;
    border-radius: 25px;
    width: 134px;
    height: 119px;
    opacity: 0;
    transition: all ease 0.3s;
    z-index: 1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1 i {
    position: relative;
    top: 49px;
    font-size: 30px;
    color: #666666a1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: -6px;
    left: -1%;
    width: 137px;
    height: 119px;
    opacity: 0;
    transition: all ease 0.3s;
    z-index: 1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2 i {
    position: relative;
    top: 24px;
    font-size: 39px;
    color: #666666a1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 0%;
    border-radius: 25px;
    bottom: -10px;
    width: 157px;
    height: 208px;
    opacity: 0;
    transition: all ease 0.3s;
    z-index: 1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3 i {
    position: relative;
    top: 87px;
    font-size: 36px;
    color: #666666a1;
  }


  /**OLD TIMELINE **/
  .dot-1,
  .dot-2,
  .dot-3 {
    display: none;
  }

  .timeline .timeline-wrapper::before {
    left: 8%;
    bottom: 0px;
    top: 0;
    width: 2px;
  }

  .timeline-wrapper .first-timeline .left-container,
  .timeline-wrapper .first-timeline .left-container2,
  .timeline-wrapper .second-timeline .left-container,
  .timeline-wrapper .third-timeline .left-container,
  .timeline-wrapper .fourth-timeline .left-container {
    width: 25px;
    height: 25px;
    position: relative;
    left: 5%;
    bottom: 62px;
    background-color: #bababa;
  }

  .timeline-wrapper .fourth-timeline .achievement-2 .right-container::before,
  .timeline-wrapper .fourth-timeline .achievement-1 .right-container::before {
    display: none;
  }

  .timeline-wrapper .first-timeline .left-container .left-icon,
  .timeline-wrapper .first-timeline .left-container2 .left-icon,
  .timeline-wrapper .second-timeline .left-container .left-icon,
  .timeline-wrapper .third-timeline .left-container .left-icon,
  .timeline-wrapper .fourth-timeline .left-container .left-icon {
    position: relative;
    width: 19px;
    height: 19px;
    right: 1%;
    top: 3px;
  }

  .timeline-wrapper .first-timeline .left-container .left-icon i,
  .timeline-wrapper .first-timeline .left-container2 .left-icon i,
  .timeline-wrapper .second-timeline .left-container .left-icon i,
  .timeline-wrapper .third-timeline .left-container .left-icon i,
  .timeline-wrapper .fourth-timeline .left-container .left-icon i {
    position: relative;
    left: 19%;
    top: -2px;
  }

  .timeline-wrapper .first-timeline .first-year,
  .timeline-wrapper .second-timeline .second-year,
  .timeline-wrapper .third-timeline .third-year,
  .timeline-wrapper .fourth-timeline .fourth-year {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 1%;
    background-color: #bababa;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 0;
  }

  .timeline .timeline-wrapper .fourth-timeline .fourth-year {
    background-color: var(--highlight1);
  }

  .timeline-wrapper .first-timeline .first-year .year-detail,
  .timeline-wrapper .second-timeline .second-year .year-detail,
  .timeline-wrapper .third-timeline .third-year .year-detail,
  .timeline-wrapper .fourth-timeline .fourth-year .year-detail {
    position: relative;
    display: flex;
    justify-content: center;
    top: 0;
    font-size: 13px !important;
  }

  .timeline-wrapper .first-timeline .year-title.t-1 {
    line-height: 1;
  }

  .timeline-wrapper .first-timeline .first-journey,
  .timeline-wrapper .second-timeline .second-journey,
  .timeline-wrapper .third-timeline .third-journey,
  .timeline-wrapper .fourth-timeline .fourth-journey {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    top: 0;
    padding-left: 0;
  }

  .timeline-wrapper .first-timeline .year-title,
  .timeline-wrapper .second-timeline .year-title,
  .timeline-wrapper .third-timeline .year-title,
  .timeline-wrapper .fourth-timeline .year-title {
    position: relative;
    white-space: nowrap;
    font-size: 13px;
  }

  .timeline-wrapper .first-timeline .first-year.year-1 .year-title {
    position: relative;
    white-space: normal;
    left: 105px;
    top: 15px;
    font-size: 15px;
  }

  .timeline-wrapper .first-timeline .right-container .right-side {
    max-width: 100%;
    margin-left: -61px;
  }

  .timeline-wrapper .first-timeline .right-container .right-side.r-1 {
    max-width: 100%;
    margin-left: -45px;
    position: relative;
    top: 25px;
  }

  .timeline-wrapper .first-timeline .right-container .right-side.r-2 {
    max-width: 100%;
    margin-left: -62px;
    position: relative;
    top: 17px;
  }

  .timeline-wrapper .first-timeline .right-container .right-side.r-2 {
    max-width: 100%;
    margin-left: -62px;
    position: relative;
    top: 17px;
  }

  .timeline-wrapper .second-timeline .right-container .right-side {
    max-width: 85%;
    position: relative;
    left: 136px;
    bottom: 17px;
  }

  .timeline-wrapper .third-timeline .right-container .right-side {
    max-width: 100%;
    top: -17px;
    right: 12px;
  }

  .timeline-wrapper .third-timeline .right-container .right-side2 {
    max-width: 100%;
    position: relative;
    position: relative;
    top: 0;
  }

  .timeline-wrapper .fourth-timeline .right-container .right-side {
    max-width: 100%;
    position: relative;
    top: 27px;
    right: 5%;
  }

  .timeline-wrapper .second-timeline .right-container .right-side .right-title,
  .timeline-wrapper .second-timeline .right-container .right-side .right-desc,
  .timeline-wrapper .third-timeline .right-container .right-side .right-desc,
  .timeline-wrapper .third-timeline .right-container .right-side2 .right-desc,
  .timeline-wrapper .fourth-timeline .right-container .right-side .right-desc,
  .timeline-wrapper .fourth-timeline .right-container .right-side .right-title {
    text-align: left;
  }

  .timeline-wrapper .second-timeline .right-container .right-side .right-desc {
    max-width: 70%;
  }

  .timeline-wrapper .first-timeline .right-container .right-side .right-desc {
    max-width: 70%;
    position: relative;
    top: -1px;
  }

  .timeline-wrapper .third-timeline .right-container .right-side .right-desc {
    max-width: 70%;
    position: relative;
    top: 5px;
    left: 45%;
  }

  .timeline-wrapper .third-timeline .right-container .right-side2 .right-desc {
    max-width: 70%;
    position: relative;
    top: 4px;
    left: 40%;
  }


  .timeline-wrapper .fourth-timeline .right-container .right-side .right-desc {
    max-width: 70%;
    position: relative;
    top: 5px;
  }

  .timeline-wrapper .first-timeline .achievement-2 .left-container {
    left: 5%;
    bottom: 47px;
  }

  .timeline-wrapper .second-timeline .left-container {
    left: 5%;
    top: 19px;
  }

  .timeline-wrapper .third-timeline .left-container {
    left: 5%;
    bottom: 37px;
  }

  .timeline-wrapper .first-timeline .left-container2 {
    left: 5%;
    bottom: 42px;
  }

  .timeline-wrapper .fourth-timeline .achievement-1 .left-container {
    left: 5%;
    bottom: 48px;
  }

  .timeline-wrapper .fourth-timeline .achievement-2 .left-container {
    left: 5%;
    bottom: 51px;
  }

  .timeline-wrapper .first-timeline .right-container {
    top: 13px;
  }

  .timeline-wrapper .fourth-timeline .right-container {
    position: relative;
    left: 22%;
  }

  .timeline-wrapper .first-timeline .right-container .right-side .right-title,
  .timeline-wrapper .second-timeline .right-container .right-side .right-title,
  .timeline-wrapper .third-timeline .right-container .right-side .right-title,
  .timeline-wrapper .fourth-timeline .right-container .right-side .right-title {
    font-size: 13px;
    max-width: 80%;
  }

  .timeline-wrapper .first-timeline .right-container .right-side .right-desc,
  .timeline-wrapper .second-timeline .right-container .right-side .right-desc,
  .timeline-wrapper .third-timeline .right-container .right-side .right-desc,
  .timeline-wrapper .fourth-timeline .right-container .right-side .right-desc {
    font-size: 11px;
  }

  .timeline-wrapper .first-timeline .left-container::before,
  .timeline-wrapper .first-timeline .left-container2::before,
  .timeline-wrapper .second-timeline .left-container::before,
  .timeline-wrapper .third-timeline .left-container::before,
  .timeline-wrapper .fourth-timeline .left-container::before {
    display: none;
  }



  @keyframes moveline {
    0% {
      height: 0;
    }

    100% {
      background: var(--highlight1);
      height: 2250px;
    }
  }

  /*------*/
  .financial-assessment-block .row .flex-column .mt-40 {
    margin-top: 40px;
  }

  .modal-content.home-page {
    width: 100%;
  }

  body .slider .slide img {
    width: 40px;
    height: 50px;
    object-fit: contain;
    aspect-ratio: 0.5;
  }

  .form-cta-block .container>.row>div:last-child .form-block button {
    width: 100%;
    font-size: 1.2rem;
  }

  .body2,
  .body3 {
    font-size: 0.8rem !important;
    line-height: 1.8;
  }

  /* .service-block .body3 {
    text-align: center;
  } */

  .form-contact .row.flex-between {
    flex-direction: column-reverse;
  }

  /* .infor {
    padding: 20px;
  } */

  .sub-headings {
    line-height: 1.5;
    font-size: 10px;
  }

  .headings {
    line-height: 25px !important;
  }

  .headings1 {
    font-size: 1.1rem !important;
  }

  .heading3 {
    font-size: 18px;
  }

  .service-block .heading3 {
    text-align: center;
  }

  .heading7 {
    font-size: 19px;
    line-height: 35px;
  }

  .innerTitle {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .slider-sub .bg-img img {
    width: 100%;
    height: 100%;
    object-position: 72%;
  }

  .margin {
    margin-top: -20px;
  }

  .heading-9 {
    color: var(--text-color4);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
  }

  .heading10 {
    font-size: 1.9rem !important;
  }

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

  .ph-check-circle {
    font-size: 11px;
  }

  .form-cta-block .bg-img img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    filter: blur(3px);
    object-position: 18% 60px;
  }

  .financial-block video {
    display: none !important;
  }

  .financial-assessment-block video {
    display: flex;
    flex-direction: column-reverse;
  }

  .service-block .container .service-row {
    display: flex;
    flex-direction: column;
  }

  .industry-card .card-back .images img {
    height: 279px;
  }

  .service-block .service-item {
    height: auto;
    margin-left: 0;
  }

  .hover-box-shadow:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
      rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    transition: ease-in-out 0.3s;
  }

  .box-shadow:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
      rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    transition: ease-in-out 0.3s;
  }

  .industries {
    margin-top: 150px;
  }

  .inner-industries {
    margin-top: -1150px;
  }

  .service-card img {
    left: 88px;
    top: -19px;
    width: 40%;
    height: auto;
  }

  .video {
    padding-left: 13px;
  }

  .service-block .container .row {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .service-block .service-item.block {
    height: auto;
  }

  .benefit-block.style-one .list-benefit .row>div .benefit-item .text {
    position: absolute;
    bottom: 23px;
    left: 20px;
    transition: all ease 0.5s;
  }

  .benefit-block.style-one .list-benefit .row>div .benefit-item:hover .text {
    bottom: 40px;
  }

  .benefit-block.style-one .list-benefit .row>div .benefit-item .text .heading5 {
    font-size: 20px;
    white-space: nowrap;
    line-height: 1;
  }

  .hod-myItem {
    padding: 0 15px;
  }

  .swiper-cube .swiper-cube-shadow:before {
    display: none;
  }

  .our-project-block .slick-dots li::after {
    display: none;
  }

  .testimonials-six .heading5 {
    font-size: 1.2rem;
  }

  .testimonials-six .text-line {
    font-size: 0.75rem;
    line-height: 1.6;
    margin: 20px 0 0;
  }

  .row.events-row {
    max-width: 100%;
    flex-direction: column-reverse;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 {
    display: flex;
    flex-direction: row;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img {
    position: relative;
    max-width: 100%;
    top: -325px;
    right: 40px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photos .img {
    position: relative;
    max-width: 100%;
    top: -270px;
    right: 54px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image1 img {
    width: 9rem;
    height: 95px;
    border-radius: 25px;
    object-fit: contain;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image2 {
    margin-left: 25px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image2 img {
    width: 9rem;
    height: 95px;
    border-radius: 25px;
    object-fit: contain;
  }

  /* .testimonials-block .container .events-comment .row.events-row .eventImages .images2 {
    position: absolute;
    top: 550px;
    margin-left: -58px;
  } */

  .testimonials-block .container .events-comment .row.events-row .eventImages .photo,
  .testimonials-block .container .events-comment .row.events-row .eventImages .photos {
    display: flex;
    flex-direction: column;
    position: relative;
    right: 54px;
    top: 94px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photos {
    top: 10px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 {
    min-height: 100px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 img {
    width: 100%;
    height: 100px;
    border-radius: 25px;
    object-fit: contain;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photos .img.img-size2 img {
    width: 100%;
    height: 115px;
    border-radius: 25px;
    object-fit: contain;
  }


  /* .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size {
    position: absolute;
    top: 450px;
    margin-left: 120px;
    max-height: 200px;
  } */

  /* .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size.size {
    position: absolute;
    top: 430px;
    margin-left: 110px;
    max-height: 200px;
  } */

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size img {
    max-width: 100%;
    height: 190px;
    border-radius: 25px;
    object-fit: cover;
    object-position: center;
  }

  .consultation {
    line-height: 1.8;
  }

  .our-project-block .container .list-project .item.item2 .social-links-linkedin a {
    position: relative;
    top: -118px;
    right: 7px;
  }

  .our-project-block .container .list-project .item.item2 .social-links-linkedin2 a {
    position: relative;
    top: -119px;
    right: -140px;
  }

  .our-project-block .container .list-project .item.item2 .social-linkedin a {
    position: relative;
    top: -119px;
    right: -60px;
  }

  .our-project-block .container .list-project .item.item2 .social-linkedin2 a {
    position: relative;
    top: -118px;
    right: -69px;
  }

  /* .testimonials-block .container .events-comment .row.events-row .details {
    margin-top: 35px;
  }

  .testimonials-block .container .events-comment .row.events-row .events-heading {
    position: relative;
    top: -73.59rem;
    right: 1px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 0%;
    bottom: -2px;
    border-radius: 25px;
    width: 134px;
    height: 119px;
    opacity: 0;
    transition: all ease 0.3s;
    z-index: 1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1 i {
    position: relative;
    top: 49px;
    font-size: 30px;
    color: #666666a1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: -6px;
    left: -1%;
    width: 137px;
    height: 119px;
    opacity: 0;
    transition: all ease 0.3s;
    z-index: 1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2 i {
    position: relative;
    top: 24px;
    font-size: 39px;
    color: #666666a1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 0%;
    border-radius: 25px;
    bottom: -10px;
    width: 157px;
    height: 208px;
    opacity: 0;
    transition: all ease 0.3s;
    z-index: 1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3 i {
    position: relative;
    top: 87px;
    font-size: 36px;
    color: #666666a1;
  }

  .industry-card {
    width: 100%;
    height: 400px;
    perspective: 800px;
  }

  .slider-sub.banner {
    height: 600px;
  }

  .content-para .bg-img img {
    display: none;
  }

  .content-para .heading4 {
    font-size: 20px;
    line-height: 19px;
  }

  .content-para .body2 {
    line-height: 1.35687;
  }

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

  .question-item.box {
    min-width: 350px;
  }

  .question-item-main {
    font-size: 0.8rem;
    line-height: 1;
  }

  .testimonials-six .heading5 {
    font-size: 1.2rem;
  }

  .testimonials-six .text-line {
    font-size: 0.75rem;
    line-height: 1.6;
    margin: 20px 0 0;
  }

  .row.events-row {
    max-width: 100%;
  }

  .testimonials-block .container .events-comment {
    height: auto;
    max-height: 885px;
  }

  .testimonials-block.style-two .slick-initialized .slick-slide {
    display: flex;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 25px;
    height: auto;
    max-width: 100%;
    margin: 0;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img img {
    width: 100%;
    height: auto;
    border-radius: 25px;
    object-fit: contain;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 img {
    width: 100%;
    height: auto;
    border-radius: 25px;
    object-fit: contain;
    object-position: center;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 img {
    height: auto;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 img {
    height: auto;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size img {
    height: auto;
  }

  .consultation {
    line-height: 1.8;
  }

  .our-project-block .container .list-project .item.item2 .social-links-linkedin a {
    position: relative;
    top: -118px;
    right: 7px;
  }

  .our-project-block .container .list-project .item.item2 .social-links-linkedin2 a {
    position: relative;
    top: -119px;
    right: -140px;
  }

  .our-project-block .container .list-project .item.item2 .social-linkedin a {
    position: relative;
    top: -119px;
    right: -60px;
  }

  .our-project-block .container .list-project .item.item2 .social-linkedin2 a {
    position: relative;
    top: -118px;
    right: -69px;
  }


  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 4%;
    bottom: 187px;
    border-radius: 25px;
    width: 163px;
    height: 119px;
    opacity: 0;
    transition: all ease 0.3s;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link1 i {
    position: relative;
    top: 28px;
    font-size: 30px;
    color: #666666a1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 203px;
    left: 3%;
    bottom: 23px;
    width: 167px;
    height: 119px;
    opacity: 0;
    transition: all ease 0.3s;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 .link2 i {
    position: relative;
    top: 24px;
    font-size: 39px;
    color: #666666a1;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3 {
    content: " ";
    background: #ffffff3d;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 57%;
    border-radius: 25px;
    bottom: 98px;
    width: 124px;
    height: 160px;
    opacity: 0;
    transition: all ease 0.3s;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 .link3 i {
    position: relative;
    top: 43px;
    font-size: 36px;
    color: #666666a1;
  } */


  /******/

  /* #time-year {
    position: relative;
    animation: movedown 1s linear forwards;
    opacity: 1;
    z-index: 12;
  }

  @keyframes movedown {
    0% {
      transform: translateY(-1.875rem);
      opacity: 0;
    }

    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }

  #time-year:nth-child(1) {
    animation-delay: 0s;
  }

  #time-year:nth-child(3) {
    animation-delay: 1s;
  }

  #time-year:nth-child(4) {
    animation-delay: 2s;
  }

  #time-year:nth-child(5) {
    animation-delay: 3s;
  }

  #time-year:nth-child(6) {
    animation-delay: 4s;
  }

  #time-year:nth-child(7) {
    animation-delay: 5s;
  }

  #time-year:nth-child(8) {
    animation-delay: 6s;
  }

  #time-year:nth-child(9) {
    animation-delay: 7s;
  }

  #time-year:nth-child(10) {
    animation-delay: 8s;
  } */

  /* --------------------TIMELINE--------------------------- */

  /* #timeline .line {
    left: -38.5rem;
  }

  #time-year.first {
    top: -1rem;
    left: -45.5rem;
  }

  #time-year.second {
    display: flex;
    top: -1rem;
    left: -53rem;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }

  #time-year.first .time.part1 {
    position: relative;
    left: 32rem;
  }

  #time-year.second .time.part1 {
    position: relative;
    left: 42.5rem;
  }

  #time-year.third .time.part1 {
    position: relative;
    left: 32rem;
  }

  #time-year.third {
    top: -1rem;
    left: -45.5rem;
  }

  #time-year.first .left-time {
    min-width: 240px !important;
  }

  #time-year.second .left-time {
    min-width: 240px !important;
  }

  #time-year.third .left-time {
    min-width: 240px !important;
  }

  #time-year.first .right-time {
    min-width: 240px !important;
  }

  #time-year.second .right-time {
    min-width: 240px !important;
  }

  #time-year.third .right-time {
    min-width: 240px !important;
  }

  #time-year.first .left-time .icon {
    left: -5rem;
  }

  #time-year.first .right-time .icon {
    left: -5rem !important;
  }

  #time-year.second .left-time .icon {
    left: -5rem;
  }

  #time-year.second .right-time .icon {
    left: -5rem !important;
  }

  #time-year.third .left-time .icon {
    left: -5rem;
  }

  #time-year.third .right-time .icon {
    left: -5rem !important;
  }

  #time-year.second .left-time.part2 {
    left: 20.5rem;
  }

  #time-year.first .left-time .fa-caret-left,
  #time-year.first .right-time .fa-caret-left,
  #time-year.second .left-time .fa-caret-left,
  #time-year.second .right-time .fa-caret-left,
  #time-year.third .right-time .fa-caret-left,
  #time-year.third .left-time .fa-caret-left {
    display: none;
  }

  #time-year.first .left-time .icon i,
  #time-year.first .right-time .icon i,
  #time-year.second .left-time .icon i,
  #time-year.second .right-time .icon i,
  #time-year.third .left-time .icon i,
  #time-year.third .right-time .icon i {
    left: 0.82rem !important;
  } */



  .modal {
    z-index: 9999999999999999999999999;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {

  /* .slider-sub {
    height: 300px;
  }

  .slider-sub .container .text-nav {
    margin-top: 123px;
    width: 65%;
    background: #ffffff4a;
    backdrop-filter: blur(3px);
    border-radius: 25px;
    padding: 25px 14px;
  } */

  .mt-88 {
    margin-top: 3.2rem;
  }

  .animate__fadeInUp .text-button {
    font-size: 0.8rem;
  }

  .description .heading9 {
    font-size: 1.5rem;
  }

  .innerTitle {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .service-block .container .service-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .form-cta-block .container>.row>div:last-child .form-block button {
    width: 100%;
    font-size: 1.2rem;
  }

  .testimonials-three .container .list-comment .item {
    height: 200px;
  }

  .style-three .layout-item .container .row {
    flex-direction: row;
    padding: 0 30px;
  }

  body .slider .slide img {
    width: 100px;
    height: 50px;
    object-fit: contain;
    aspect-ratio: 3 / 2;
  }

  .testimonials-block .container .events-comment .row.events-row .events-heading {
    position: static;
    font-size: 25px;
  }

  .row.events-row {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 150px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img {
    position: relative;
    top: 0;
    right: 45px;
    margin-bottom: 0;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image1 img {
    width: 183px;
    height: 138px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image2 {
    margin-left: 0;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.image2 img {
    width: 183px;
    height: 138px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 {
    position: static;
    margin-left: -32px;
    margin-bottom: 100px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2 img {
    height: 134px;
    width: 180px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photo {
    display: flex;
    flex-direction: column;
    position: relative;
    right: 95px;
    top: 13px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size {
    position: absolute;
    top: 115px;
    margin-left: 120px;
    max-height: 200px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images1 .img.img-size2 img {
    height: 120px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .photos {
    top: -25px;
    right: 95px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size.size {
    top: 72px;
  }

  .testimonials-block .container .events-comment .row.events-row .eventImages .images2.img-size img {
    width: 100%;
  }

  .heading3 {
    font-size: 25px;
  }

  .slider-sub .container .service-form {
    padding: 15px 22px !important;
    margin-top: -21px;
  }
}

/**************Clients**************/

.slider .slide img {
  width: 100%;
  height: 100px;
  object-fit: contain;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.content-detail-block .container .service-hero {
  padding: 50px;
  width: 100%;
  height: auto;
  background-image: url(/Revamp2/assets/images/team/system-team.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-sub .container .service-form {
  background: #ffffff3d;
  padding: 20px;
  border: 1px solid #ffffff3d;
  border-radius: 25px;
  backdrop-filter: blur(5px);
}

.style-two .container .service-slider {
  display: flex;
  align-items: center;
}

#owl-demo {
  display: flex;
  height: auto;
  flex-direction: column;
}

#owl-demo .owl-stage-outer .owl-stage {
  display: flex;
}

.style-two .container #owl-demo .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 35px 0;
  justify-content: center;
  width: 70%;
  height: 200px;
  background: #fff;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 25px;
  cursor: pointer;
}

.owl-carousel .owl-item {
  margin-right: 0px !important;
  margin-left: -50px;
}

.style-two .container #owl-demo .item img {
  width: 100px;
  height: 100px;
  border: 2px solid var(--bgcolor-darkest);
  border-radius: 50%;
  margin-bottom: 20px;
}

.style-two .container #owl-demo .item .owl-title {
  text-align: center;
}

.style-two .container .bg-img img {
  width: 100%;
  height: 400px;
  filter: blur(2px);
}

.owl-nav-custom {
  text-align: center;
  margin-top: 10px;
}

.owl-nav-custom .owl-prev,
.owl-nav-custom .owl-next {
  display: inline-block;
  margin: 0 20px;
  border-radius: 5px;
  cursor: pointer;
}

.owl-nav-custom .owl-prev:hover,
.owl-nav-custom .owl-next:hover {
  background-color: var(--bgcolor-darkest);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  color: var(--bgcolor-darkest);
  border: none;
  font: inherit;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
  color: var(--bgcolor-darkest);
  text-decoration: none;
}

.service-tab-style .list-nav .active,
.service-tab-style .list-nav .nav-item:hover {
  background-color: var(--blue);
  color: var(--white) !important;
  border-radius: 99px;
}

.service-tab-style .container ul {
  display: flex;
  justify-content: center;
}

.service-tab-style .container .tab-content {
  width: 80%;
  margin-left: 8rem;
  transition: 0.3s ease-in-out;
}

.service-tab-style .container .tab-content .tab-pane {
  padding: 20px;
}

.service-tab-style .container .tab-content .tab-pane .read-block {
  margin-left: 2rem;
  margin-top: -2.5rem;
  padding-bottom: 35px;
}

.service-tab-style .container .tab-content:hover {
  box-shadow: 1px 5px 20px 0px rgba(37, 82, 91, 0.2);
}

.service-desc .service-body {
  width: 60%;
  margin-left: 25px;
}

.service-tab-style .container .tab-content .service-image {
  padding: 10px;
  margin-left: 55px;
}

.service-tab-style .container .tab-content .service-image img {
  border-radius: 25px;
}

.blog-infor .container {
  display: flex;
  justify-content: space-around;
}

.recent-post-block .recent-post-item {
  width: 95%;
  height: 370px;
  border-radius: 12px;
  padding-top: 26px;
  border: 1px solid #9e9e9e63;
}

.recent-post-block .recent-post-item.items {
  width: 95%;
  height: 370px;
  border-radius: 12px;
  padding-top: 26px;
  border: 1px solid #9e9e9e63;
}

.recent-post-block .recent-post-item:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.recent-post-block .recent-post-item .item-img {
  display: flex;
  justify-content: center;
}

.recent-post-block .recent-post-item .item-infor {
  margin-top: 15px;
  margin-left: 60px;
}

.blog-image {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.blog-image .share-block {
  position: relative;
  bottom: 50px;
  margin-right: 25px;
}

.blog-links .nav-link {
  color: var(--bgcolor-darkest);
}

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

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: var(--bgcolor-darkest);
  border-radius: 4px;
  transition: none !important;
}

.related-news {
  width: 90%;
  margin-left: 25px;
}

.related-news .news-body a {
  margin-top: 25px;
}

.copy-link {
  background: var(--background);
}

.blog-lead-card {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 110px;
  width: 90%;
  height: auto;
  margin-top: 0;
  z-index: 1;
}

.blog-form {
  padding: 20px 20px 30px;
  border: 1px solid #7676764a;
  border-radius: 22px;
}

.blog-news-details {
  position: relative;
  top: 45rem;
  width: 90%;
  margin-top: 57rem;
}

.blog-form .button-block {
  display: flex;
  justify-content: flex-end;
  margin-top: -5px;
}

.content-detail-block form {
  background: var(--surface);
  padding: 20px;
  border: 1px solid #767676;
  border-radius: 6px;
  max-height: 360px;
}

.form-block input,
.form-block span {
  height: 45px;
  border-radius: 15px;
}

.form-block span input {
  height: 35px;
  border-radius: 10px;
  border-color: #fff;
}

.form-block input::placeholder,
.form-block span {
  font-size: 0.75rem;
}

.vcfo-form form {
  padding: 20px 30px 35px;
  border: 1px solid #7676764a;
  box-shadow: 1px 2px 15px 2px #ccc;
  border-radius: 24px;
  max-height: 400px;
}

.button-block .button-share.blog-form-button {
  width: 100%;
}

.blog-col-3 {
  position: static;
}

.blog-right-block {
  position: absolute;
}

.blog-right-block .card {
  margin: 0;
}

.timeline .conatiner {
  min-height: 6000px;
}

.year-container {
  position: relative;
  width: 200px;
  height: 5000px;
}

.different-year {
  position: relative;
  left: 582px;
  width: 100%;
  height: auto;
}

.line {
  position: absolute;
  width: 5px;
  height: auto;
  background-color: var(--bgcolor-darkest);
  left: 50%;
  transform: translateX(-50%);
  transition: height 2s linear;
  z-index: 1;
}

.year {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: var(--bgcolor-darkest);
  text-align: center;
  line-height: 50px;
  color: white;
  font-weight: bold;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  transition: background-color 1s linear;
}

.year[data-year="2016"] {
  top: 0;
}

.year[data-year="2017"] {
  top: 12rem;
}

.year[data-year="2018"] {
  top: 20rem;
}

.year[data-year="2019"] {
  top: 30rem;
}

.year[data-year="2020"] {
  top: 40rem;
}

.year[data-year="2021"] {
  top: 50rem;
}

.year[data-year="2022"] {
  top: 60rem;
}

.year[data-year="2023"] {
  top: 70rem;
}

.year[data-year="2024"] {
  top: 80rem;
}

#time-year.first .left-time {
  position: relative;
  display: flex;
  top: 7rem;
  left: 10rem;
  align-items: center;
  min-width: 400px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
  max-height: 100%;
  height: 150px;
}

#time-year.first .left-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 27rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.first .left-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.first .left-time i {
  position: relative;
  right: 2.8rem;
}

#time-year.second .right-time {
  position: relative;
  display: flex;
  top: 17rem;
  right: 22rem;
  align-items: center;
  min-width: 400px;
  min-height: 100%;
  height: 200px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
}

#time-year.second .right-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 26.5rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.second .right-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.second .right-time i {
  position: relative;
  left: 22.5rem;
}

#time-year.third .left-time {
  position: relative;
  display: flex;
  top: 24rem;
  left: 10rem;
  align-items: center;
  min-width: 390px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
}

#time-year.third .left-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 26.5rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.third .left-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.third .left-time i {
  position: relative;
  right: 2.8rem;
}

#time-year.first .right-time {
  position: relative;
  display: flex;
  top: 34rem;
  right: 22rem;
  align-items: center;
  min-width: 390px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
}

#time-year.first .right-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 26.5rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.first .right-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.first .right-time i {
  position: relative;
  left: 22.5rem;
}

#time-year.second .left-time {
  position: relative;
  display: flex;
  top: 44rem;
  left: 10rem;
  align-items: center;
  min-width: 390px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
}

#time-year.second .left-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 26.5rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.second .left-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.second .left-time i {
  position: relative;
  right: 2.8rem;
}

#time-year.third .right-time {
  position: relative;
  display: flex;
  top: 54rem;
  right: 22rem;
  align-items: center;
  min-width: 390px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
}

#time-year.third .right-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 26.5rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.third .right-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.third .right-time i {
  position: relative;
  left: 22.5rem;
}

#time-year.first.part1 .left-time {
  position: relative;
  display: flex;
  top: 64rem;
  left: 10rem;
  align-items: center;
  min-width: 400px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
}

#time-year.first.part1 .left-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 26.5rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.first.part1 .left-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.first.part1 .left-time i {
  position: relative;
  right: 2.8rem;
}

#time-year.second.part1 .right-time {
  position: relative;
  display: flex;
  top: 74rem;
  right: 22rem;
  align-items: center;
  min-width: 390px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
}

#time-year.second.part1 .right-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 26.5rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.second.part1 .right-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.second.part1 .right-time i {
  position: relative;
  left: 22.5rem;
}

#time-year.third.part1 .left-time {
  position: relative;
  display: flex;
  top: 84rem;
  left: 10rem;
  align-items: center;
  min-width: 390px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 24px;
}

#time-year.third.part1 .left-time .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 26.5rem;
  width: 50px;
  height: 50px;
  background-color: #7e7e7e;
  border-radius: 24px;
  border: 4px solid var(--bgcolor-darkest);
  z-index: 1;
}

#time-year.third.part1 .left-time .icon i {
  position: absolute;
  color: var(--bgcolor-darkest);
  left: 0.62rem;
  font-size: 1.5rem;
}

#time-year.third.part1 .left-time i {
  position: relative;
  right: 2.8rem;
}

#time-year {
  position: relative;
  animation: movedown 1s linear forwards;
  opacity: 1;
  z-index: 12;
}

@keyframes movedown {
  0% {
    transform: translateY(-1.875rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

#time-year:nth-child(1) {
  animation-delay: 0s;
}

#time-year:nth-child(3) {
  animation-delay: 1s;
}

#time-year:nth-child(4) {
  animation-delay: 2s;
}

#time-year:nth-child(5) {
  animation-delay: 3s;
}

#time-year:nth-child(6) {
  animation-delay: 4s;
}

#time-year:nth-child(7) {
  animation-delay: 5s;
}

#time-year:nth-child(8) {
  animation-delay: 6s;
}

#time-year:nth-child(9) {
  animation-delay: 7s;
}

#time-year:nth-child(10) {
  animation-delay: 8s;
}

/* -------------------------------------------- */

.tab:hover {
  color: var(--bgcolor-darkest);
}

.red {
  color: red;
}

/* -----------------SWIPER JS---------------- */

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

/* Change the color of the previous and next arrows */
#first-year.carousel .carousel-control-prev,
#first-year.carousel .carousel-control-next {
  align-items: flex-start;
  justify-content: flex-start;
  top: 46px;
  width: 92%;
  opacity: 1;
  color: var(--bgcolor-darkest);
}

#second-year.carousel .carousel-control-prev,
#second-year.carousel .carousel-control-next {
  align-items: flex-end;
  justify-content: flex-start;
  top: 46px;
  opacity: 1;
  color: var(--bgcolor-darkest);

}

#first-year.carousel .carousel-control-prev {
  left: 9px;
}

#second-year.carousel .carousel-control-prev {
  left: -52px;
}

#second-year.carousel .carousel-control-next {
  right: 44px;
}

#first-year.carousel .carousel-control-prev i {
  right: 0;
  color: var(--bgcolor-darkest);
  font-size: 15px;
}

#second-year.carousel .carousel-control-prev i {
  right: 0;
  color: var(--bgcolor-darkest);
  font-size: 15px;
}

#first-year.carousel .carousel-control-next i {
  left: 0;
  color: var(--bgcolor-darkest);
}

#second-year.carousel .carousel-control-next i {
  left: 0;
  color: var(--bgcolor-darkest);
}