@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Outfit:wght@400;600;700;800&display=swap");

/*  Custom Fonts
======================================================*/
@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-Bold.woff2") format("woff2"), url("../fonts/Averta-Bold.woff") format("woff"), url("../fonts/Averta-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-Semibold.woff2") format("woff2"), url("../fonts/Averta-Semibold.woff") format("woff"), url("../fonts/Averta-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-Regular.woff2") format("woff2"), url("../fonts/Averta-Regular.woff") format("woff"), url("../fonts/Averta-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Averta Std";
  src: url("../fonts/AvertaStd-ExtraBold.woff2") format("woff2"), url("../fonts/AvertaStd-ExtraBold.woff") format("woff"), url("../fonts/AvertaStd-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Averta Std";
  src: url("../fonts/AvertaStd-Bold.woff2") format("woff2"), url("../fonts/AvertaStd-Bold.woff") format("woff"), url("../fonts/AvertaStd-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Averta Std";
  src: url("../fonts/AvertaStd-Semibold.woff2") format("woff2"), url("../fonts/AvertaStd-Semibold.woff") format("woff"), url("../fonts/AvertaStd-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Averta Std";
  src: url("../fonts/AvertaStd-Regular.woff2") format("woff2"), url("../fonts/AvertaStd-Regular.woff") format("woff"), url("../fonts/AvertaStd-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/*
    Theme Name: Karvex
    Version:    1.0.0
*/

/*  Slick Slider
======================================================*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  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 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.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;
}

/*  Variables
======================================================*/
:root {
  --ed-primary: #4cab72;
  --ed-primary-rgb: 76,
    171,
    114;
  --ed-primary-light: #eef7f2;
  --ed-gray-rgb: 59,
    48,
    45;
  --ed-gray-900: #2c2422;
  --ed-gray-600: #1f1e1e;
  --ed-gray-500: #323131;
  --ed-gray-400: #5a5a5a;
  --ed-gray-300: #d2d2d2;
  --ed-gray-50: #f9fafb;
  --ed-gray-bg: #f8f8f8;

  --ed-success: #12b76a;
  --ed-error: #f04438;
  --ed-warning: #f79009;
  --ed-info: #2e90fa;
  --ed-white: #ffffff;
  --ed-black: #000000;
  --ed-dark-green: #2b6241;

  --ed-primary-font: "Averta Std";
  --ed-secondary-font: "Averta";

  --delay: 1s;
}

/*  Reset Style
======================================================*/
table {
  border-collapse: separate;
  border-spacing: 0;
}

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

*,
:after,
:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

:focus {
  outline: 0;
}

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

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

a {
  text-decoration: none;
  position: relative;
}

audio,
video,
canvas {
  max-width: 100%;
}

::-webkit-input-placeholder {
  color: var(--ed-gray-900);
}

::-moz-placeholder {
  color: var(--ed-gray-900);
}

:-ms-input-placeholder {
  color: var(--ed-gray-900);
}

:-moz-placeholder {
  color: var(--ed-gray-900);
}

::-ms-reveal,
::-ms-clear {
  display: none;
}

/*  General Style
======================================================*/
body {
  margin: 0;
  font-family: sans-serif;
}

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;
}

input,
textarea,
button,
select,
option {
  font-family: var(--ed-primary-font);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

textarea.form--control {
  resize: none;
  padding-top: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/*  Typography 
======================================================*/
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: var(--ed-primary-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--ed-gray-500);
}

label,
.label {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  margin: 0;
}

strong {
  color: var(--ed-gray-600);
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.text--xs {
  font-size: 16px;
  line-height: 1.6;
}

.text--md {
  font-size: 18px;
  line-height: 1.556;
}

.text--lg {
  font-size: 20px;
  line-height: 30px;
}

.text--xl {
  font-size: 30px;
  line-height: 1.3;
}

.big--text {
  font-size: 128px;
  line-height: 1.1;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
  line-height: 1.25;
  color: var(--ed-gray-900);
}

h1,
.h1 {
  font-size: 72px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

h2,
.h2 {
  font-size: 60px;
  letter-spacing: -0.02em;
}

h3,
.h3 {
  font-size: 48px;
  letter-spacing: -0.02em;
}

h4,
.h4 {
  font-size: 36px;
  letter-spacing: -0.02em;
}

h5,
.h5 {
  font-size: 30px;
}

h6,
.h6 {
  font-size: 24px;
}

h2.h1 {
  font-weight: 600;
}

h3.h1 {
  font-weight: 700;
}

a {
  color: var(--ed-primary);
  text-decoration: none;
  outline: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--ed-gray-600);
  outline: none;
}

a:focus,
a:active {
  color: var(--ed-gray-900);
  outline: none;
}

legend {
  font-family: var(--ed-primary-font);
  font-weight: 600;
}

legend sup {
  color: var(--ed-gray-900);
}

.ui-widget {
  font-family: var(--ed-primary-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--ed-gray-600);
}

.contain-img {
  object-fit: contain !important;
}

.wd-100 {
  width: 100% !important;
}

.mx-wd-100 {
  max-width: 100% !important;
}

@media screen and (max-width: 1680px) {
  body {
    font-size: calc(16px + 4 * ((100vw - 320px) / 1360));
    line-height: 1.56;
  }

  label,
  .label {
    font-size: calc(18px + 6 * ((100vw - 320px) / 1360));
    line-height: 1.5;
  }

  h1,
  .h1 {
    font-size: calc(40px + 26 * ((100vw - 320px) / 1360));
    line-height: 1.05;
  }

  h2,
  .h2 {
    font-size: calc(34px + 26 * ((100vw - 320px) / 1360));
    line-height: 1.1;
    letter-spacing: 0;
  }

  h3,
  .h3,
  h4,
  .h4 {
    font-size: calc(26px + 18 * ((100vw - 320px) / 1360));
    line-height: 1.27;
    letter-spacing: 0;
  }

  h5,
  .h5 {
    font-size: calc(22px + 8 * ((100vw - 320px) / 1360));
    line-height: 1.56;
  }

  h6,
  .h6 {
    font-size: calc(16px + 4 * ((100vw - 320px) / 1360));
    line-height: 1.56;
  }

  .text--xl {
    font-size: calc(18px + 12 * ((100vw - 320px) / 1360));
    line-height: 1.5;
  }

  .ui-widget {
    font-size: calc(16px + 4 * ((100vw - 320px) / 1360));
    line-height: 1.56;
  }
}

@media screen and (max-width: 991px) {
  .text--xs {
    font-size: 14px;
  }

  .text--md {
    font-size: 16px;
  }

  .text--lg {
    font-size: 18px;
  }
}

/*  Base Style
======================================================*/
.primary--color {
  color: var(--ed-primary) !important;
}

.gray--bg {
  background-color: var(--ed-gray-bg) !important;
}

.white--bg {
  background: var(--ed-white) !important;
}

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

.error {
  color: var(--ed-error);
  font-size: 80%;
  font-weight: 700;
  margin-bottom: 10px;
}

.border--top {
  border-top: 1px solid var(--ed-gray-300);
}

.border--bottom {
  border-bottom: 1px solid var(--ed-gray-300);
}

.overflow-hidden {
  overflow: hidden !important;
}

.full--image .image--wrap {
  max-width: 1920px;
  margin: 0 auto;
}

.full--image .image--wrap picture {
  display: inline-block;
}

.full--image img {
  width: 100%;
  height: 100%;
}

.big--heading {
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.big--content p {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 600;
}

@media screen and (min-width: 1920px) {
  .full--image .image--wrap {
    max-width: 100%;
  }

  .full--image .image--wrap picture {
    width: 100%;
  }
}

@media screen and (max-width: 1680px) {
  .big--content p {
    font-size: calc(20px + 12 * ((100vw - 320px) / 1360));
    line-height: 1.5;
  }
}

@media screen and (max-width: 1199px) {
  .full--content .title--group {
    padding: 30px 50px !important;
  }
}

@media screen and (max-width: 575px) {
  .full--content .title--group {
    padding: 0 !important;
  }
}

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

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

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

.p--96 {
  padding: 96px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p--0 {
  padding: 0 !important;
}

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

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

.pr--0 {
  padding-right: 0 !important;
}

.pl--0 {
  padding-left: 0 !important;
}

.m--0 {
  margin: 0 !important;
}

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

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

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

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

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

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

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

.m-0 {
  margin: 0;
}

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

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

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

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

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

@media screen and (max-width: 1680px) {
  .p--96 {
    padding: calc(48px + 32 * ((100vw - 320px) / 1360)) 0;
  }

  .pt--48 {
    padding-top: calc(18px + 30 * ((100vw - 320px) / 1360));
  }

  .pb--48 {
    padding-bottom: calc(18px + 30 * ((100vw - 320px) / 1360));
  }

  .pt--64 {
    padding-top: calc(20px + 44 * ((100vw - 320px) / 1360));
  }

  .pb--64 {
    padding-bottom: calc(20px + 44 * ((100vw - 320px) / 1360));
  }

  .pt--120 {
    padding-top: calc(48px + 72 * ((100vw - 320px) / 1360));
  }

  .pb--120 {
    padding-bottom: calc(48px + 72 * ((100vw - 320px) / 1360));
  }

  .pt--190 {
    padding-top: calc(64px + 126 * ((100vw - 320px) / 1360));
  }

  .pb--190 {
    padding-bottom: calc(64px + 126 * ((100vw - 320px) / 1360));
  }

  .pr--150 {
    padding-right: calc(30px + 120 * ((100vw - 320px) / 1360));
  }

  .pl--150 {
    padding-left: calc(30px + 120 * ((100vw - 320px) / 1360));
  }

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

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

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

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

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

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

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

  .mt--90 {
    margin-top: calc(56px + 40 * ((100vw - 320px) / 1360)) 0;
  }
}

.height-auto {
  height: auto !important;
  max-height: max-content !important;
}

.h-100 {
  height: 100% !important;
}

.w-100 {
  width: 100% !important;
}

.ed--btn {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 18px 40px;
  cursor: pointer;
  font-family: var(--ed-primary-font);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.6;
  border: 2px solid var(--ed-gray-900);
  border-radius: 0;
  background-color: var(--ed-white);
  color: var(--ed-gray-900);
  box-shadow: 5px 5px 0 var(--ed-gray-900);
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.header .ed--btn {
  font-size: 18px;
  padding: 14px 32px;
}

.home-slider .ed--btn,
.ed--btn.transparent {
  background-color: transparent;
}

.ed--btn:hover,
.ed--btn:focus,
.ed--btn:active {
  box-shadow: 0 0 0 var(--ed-gray-900);
  transform: translate(2px, 2px) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
}

@media screen and (max-width: 1199px) {
  .ed--btn {
    padding: 12px 24px;
    font-size: 18px;
  }

  .header .ed--btn {
    font-size: 16px;
    padding: 12px 24px;
  }
}

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

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

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

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

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

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

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

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

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

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

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.gap--8 {
  gap: 8px;
}

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

.gap--16 {
  gap: 16px;
}

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

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

.gap--36 {
  gap: 36px;
}

.gap--41 {
  gap: 41px;
}

.gap--91 {
  gap: 91px;
}

.width--100 {
  flex: 0 0 100%;
  max-width: 100%;
}

.width--70 {
  flex: 0 0 70%;
  max-width: 70%;
}

.width--60 {
  flex: 0 0 60%;
  max-width: 60%;
}

.width--50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.width--30 {
  flex: 0 0 30%;
  max-width: 30%;
}

.width--66-33>* {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}

.width--66-33>*+* {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.width--33-66>* {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.width--33-66>*+* {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}

.page--wrapper {
  width: 100%;
}

.page--content {
  width: 100%;
}

.container {
  width: 100%;
  max-width: 1460px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.container-lg {
  width: 100%;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.container-sm {
  width: 100%;
  max-width: 880px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.big--container,
.header>.container {
  width: 100%;
  max-width: 1920px;
  padding-left: 100px;
  padding-right: 100px;
  margin: 0 auto;
}

section {
  padding: 96px 0;
}

.title--group .title--content {
  width: 100%;
}

.title--group .title--content .title {
  margin-bottom: 20px;
}

.title--group .title--content .details a {
  font-weight: 700;
  color: var(--ed-gray-600);
}

.title--group .title--content .details a:hover {
  color: var(--ed-primary);
}

.title--group.without--button .title--content {
  max-width: 682px;
}

.title--group.without--button .title--content.full--width {
  max-width: 100%;
}

.title--group.center--text .title--content {
  margin: 0 auto;
  text-align: center;
}

.title--group.center--text.with--90 .title--content {
  max-width: 850px;
}

.title--group.right--button .title--content {
  max-width: 682px;
}

.title--group .action--group {
  margin-top: 32px;
}

.evReveal {
  opacity: 0;
  visibility: hidden;
  transition: none;
}

@media screen and (max-width: 1680px) {
  section {
    padding: calc(56px + 40 * ((100vw - 320px) / 1360)) 0;
  }

  .title--group .title--content .title {
    margin-bottom: calc(10px + 10 * ((100vw - 320px) / 1360));
  }

  .big--container,
  .header .container {
    padding-left: 80px;
    padding-right: 80px;
  }

  .title--group.pr--150 {
    padding-right: calc(50px + 96 * ((100vw - 1024px) / 1360));
  }

  .gap--91 {
    gap: calc(40px + 51 * ((100vw - 1024px) / 1360));
  }

  .gap--41 {
    gap: calc(24px + 17 * ((100vw - 1024px) / 1360));
  }
}

@media screen and (max-width: 1560px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-lg {
    padding-left: 50px;
    padding-right: 50px;
  }

  .big--container,
  .header .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 1440px) {
  .container-lg {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1023px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-lg {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-sm {
    padding-left: 30px;
    padding-right: 30px;
  }

  .big--container,
  .header .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .gap--91 {
    gap: 30px;
  }

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

@media screen and (max-width: 991px) {

  .title--group.without--button .title--content,
  .title--group.center--text.with--90 .title--content,
  .title--group.right--button .title--content {
    max-width: 100%;
  }

  .title--group.pr--150 {
    padding-right: 0;
  }

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

  .title--group.flex .title--action {
    margin-top: 32px;
  }

  .title--group.center--text .title--content {
    text-align: left;
  }
}

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

  .container-lg {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-sm {
    padding-left: 16px;
    padding-right: 16px;
  }

  .big--container,
  .header .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .title--group.center--text .title--content {
    text-align: left;
  }
}

/*  Sub Page Header
======================================================*/
.page--header {
  position: relative;
  background: var(--ed-gray-bg);
  padding-top: 116px;
  padding-bottom: 116px;
}

.page--header .header--box {
  position: relative;
  width: 100%;
  max-width: 1920px;
  padding-left: 100px;
  padding-right: 100px;
  margin: 0 auto;
}

.page--header .header--box .top {
  margin-bottom: 80px;
}

.page--header .header--box .top .page--title {
  margin-bottom: 40px;
}

.page--header .header--box .top .page--title h1 {
  font-size: 80px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: capitalize;
}

.page--header .header--box .top .page--title h1>span {
  text-transform: none;
}

.page--header .header--box .top .page--title.bold-text h1 {
  font-weight: 700;
}

.page--header .header--box .top .page--title h1>span.normal-text {
  font-weight: 400;
  text-transform: capitalize;
  color: var(--ed-gray-500);
}

.page--header .header--box .top .page--desc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

.page--header .header--box .top .page--desc p {
  width: 100%;
  max-width: 675px;
  text-align: justify;
  text-transform: capitalize;
}

.page--header .header--box .top .page--desc p span {
  text-transform: none;
}

.page--header .header--box .bottom {
  border-top: 1px solid var(--ed-gray-600);
  text-align: right;
  position: relative;
}

.page--header .header--box .bottom a {
  display: inline-block;
  height: 36px;
  position: absolute;
  top: 16px;
  right: 0;
  animation: arrow--down 2s infinite linear;
  animation-delay: 0.5s;
}

@keyframes arrow--down {
  0% {
    top: 16px;
  }

  30% {
    top: 30px;
  }

  60%,
  100% {
    top: 16px;
  }
}

@media screen and (max-width: 1680px) {
  .page--header {
    padding-top: calc(80px + 36 * ((100vw - 320px) / 1360));
    padding-bottom: calc(7px + 109 * ((100vw - 320px) / 1360));
  }

  .page--header .header--box {
    padding-top: calc(30px + 18 * ((100vw - 320px) / 1360));
    padding-bottom: calc(30px + 18 * ((100vw - 320px) / 1360));
    padding-left: 80px;
    padding-right: 80px;
  }

  .page--header .header--box .top .page--title {
    margin-bottom: calc(16px + 32 * ((100vw - 320px) / 1360));
  }

  .page--header .header--box .top .page--title h1 {
    font-size: calc(30px + 50 * ((100vw - 320px) / 1360));
    line-height: 1.2;
  }

  .page--header .header--box .bottom a,
  .page--header .header--box .bottom a svg {
    height: calc(24px + 12 * ((100vw - 320px) / 1360));
  }
}

@media screen and (max-width: 1560px) {
  .page--header .header--box {
    padding-left: 50px;
    padding-right: 50px;
  }

  .page--header .header--box .top {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .page--header .header--box {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .page--header .header--box .top .page--desc p {
    max-width: 100%;
  }

  .page--header .header--box .top .page--title h1 br {
    display: none;
  }

  .page--header .header--box .top .flex {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: flex-start !important;
    gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  .page--header .header--box {
    padding-left: 16px;
    padding-right: 16px;
  }

  .page--header .header--box .top {
    margin-bottom: 32px;
  }
}

/*  Tabing Style
======================================================*/
.tab--wrapper .tab--header {
  border-bottom: 1px solid var(--ed-gray-900);
}

.tab--wrapper .tab--header .list {
  width: 100%;
  text-align: center;
}

.tab--wrapper .tab--header .list a {
  display: block;
  padding: 18px;
  font-size: 16px;
  color: var(--ed-gray-900);
  font-weight: 600;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
}

.tab--wrapper .tab--header .list a:hover {
  background: rgba(var(--ed-gray-rgb), 0.08);
}

.tab--wrapper .tab--header .list.ui-tabs-active a {
  background: rgba(var(--ed-primary-rgb), 0.15);
  border-bottom-color: var(--ed-primary);
  color: var(--ed-primary);
}

/*  Header Style
======================================================*/
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: transparent;
  border-bottom: 1px solid var(--ed-gray-300);
  transition: all cubic-bezier(0, 0.76, 1, 0.18) 0.3s;
  -webkit-transition: all cubic-bezier(0, 0.76, 1, 0.18) 0.3s;
  -moz-transition: all cubic-bezier(0, 0.76, 1, 0.18) 0.3s;
}

.without--header .header {
  visibility: hidden;
  opacity: 0;
}

.without--header .header.fixed {
  visibility: visible;
  opacity: 1;
}

.header .header--inner {
  width: 100%;
}

.header .header--logo {
  z-index: 1;
}

.header .header--logo svg {
  display: block;
}

.header .header--logo img {
  /* max-width: 60px; */
  height: auto;
}

.header .ed--menu .menu--title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 30px;
  color: #61b984;
  vertical-align: top;
  padding: 20px 0px;
  width: 100%;
  display: none;
}

.header .ed--menu .menu--title .c--icon {
  line-height: 24px;
  margin-right: 16px;
}

.header .ed--menu .menu--title .c--icon svg {
  vertical-align: top;
}

.header .ed--menu .menu--title .c--icon path {
  fill: var(--ed-primary);
}

.without--header .header .header--navigation {
  visibility: hidden;
  opacity: 0;
}

.header .ed--menu .menu--items .item {
  padding: 42px 30px 34px;
}

.header .header--navigation .ed--menu .menu--items .item .link {
  display: block;
  font-family: var(--ed-secondary-font);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--ed-gray-900);
  position: relative;
  cursor: pointer;
}

.header .header--navigation .ed--menu .menu--items .item .link:hover,
.header .header--navigation .ed--menu .menu--items .item .link.active,
.header .header--navigation .ed--menu .menu--items .item.has--children:has(.active) .link {
  color: var(--ed-primary);
}

.header .header--navigation .ed--menu .menu--items .item .link:after {
  position: absolute;
  bottom: -34px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: ".";
  color: transparent;
  background: var(--ed-primary);
  height: 4px;
  transition: all 0.3s;
}

.header .header--navigation .ed--menu .menu--items .item .link:hover:after,
.header .header--navigation .ed--menu .menu--items .item .link.active:after,
.header .header--navigation .ed--menu .menu--items .item.has--children:has(.active) .link:after {
  width: 100%;
}

.header .ed--menu .menu--items .item .link .c--icon {
  display: none;
}

.header .ed--menu .menu--items .has--children .link.active .c--icon path,
.header .ed--menu .menu--items .has--children:has(.active) .link .c--icon path {
  fill: var(--ed-primary);
}

.header .ed--menu .menu--items .sub--navigation {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}

.header .ed--menu .menu--items .sub--navigation .sub--navigation-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.header .ed--menu .menu--items .sub--navigation .sub--navigation-wrapper {
  position: relative;
  padding-top: 48px;
  padding-bottom: 64px;
  background-color: var(--ed-white);
}

.header .ed--menu .menu--items .sub--menu--items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item {
  position: relative;
  border-bottom: 1px solid var(--ed-gray-300);
  width: 100%;
  max-width: calc(50% - 6.66vw);
  min-width: calc(50% - 50px);
}

.header .ed--menu .menu--items .sub--menu--items .sub--item a {
  font-size: 20px;
  line-height: 3;
  font-weight: 600;
  color: var(--ed-gray-900);
  opacity: 0.7;
  padding-right: 50px;
  display: block;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item a.active {
  color: var(--ed-primary);
  opacity: 1;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item a:after {
  bottom: 0;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item .c--icon {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 24px;
  opacity: 0;
  visibility: hidden;
  margin: auto;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item .c--icon svg {
  max-height: 100%;
  width: auto;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item:hover a {
  opacity: 1;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item:hover .c--icon {
  opacity: 1;
  visibility: visible;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item a.active+.c--icon {
  opacity: 1;
  visibility: visible;
}

.header .ed--menu .menu--items .sub--menu--items .sub--item a.active+.c--icon path {
  fill: var(--ed-primary);
}

.header.white--header:not(.fixed) .header--logo svg path {
  fill: var(--ed-white);
}

@media screen and (min-width: 1200px) {
  .header .header--inner {
    min-height: 100px;
  }
}

@media screen and (min-width: 1199px) {
  .header.white--header:not(.fixed) {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .header.white--header:not(.fixed) .ed--menu .menu--items .item .link {
    color: var(--ed-white);
  }

  .header.white--header:not(.fixed) .ed--menu .menu--items .item .link.active,
  .header.white--header:not(.fixed) .ed--menu .menu--items .item.has--children:has(.active) .link {
    color: var(--ed-primary);
  }

  .header.white--header:not(.fixed) .ed--menu .menu--items .item .link:hover {
    color: var(--ed-primary);
  }

  .header .ed--menu .menu--items .sub--menu--items .sub--item:last-child,
  .header .ed--menu .menu--items .sub--menu--items .sub--item:nth-last-child(2) {
    border: none;
  }

  .header .ed--menu .menu--items .sub--menu--items .sub--item a {
    font-size: 22px;
    line-height: 3;
  }
}

.header.fixed {
  position: fixed;
  background-color: var(--ed-white);
}

.ham--icon {
  background: var(--ed-white);
  border: 1px solid #2c2422;
  font-family: "Outfit", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #2c2422;
  padding: 11px 25px;
  display: none;
  align-items: center;
  position: fixed;
  bottom: 40px;
  z-index: 999;
  left: 50%;
  transform: translateX(-50%);
}

.ham--icon .ham--bar {
  margin-left: 11px;
}

.ham--icon .ham--bar span {
  width: 14px;
  height: 2px;
  margin: 2px 0;
  background-color: #2c2422;
  display: block;
}

@media screen and (max-width: 1480px) {
  .header .ed--menu .menu--items .item {
    padding: 42px 20px 34px;
  }
}

@media screen and (max-width: 1199px) {
  .header {
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    background-color: var(--ed-white);
  }

  .header {
    position: fixed;
    top: 0 !important;
  }

  .header .header--logo img {
    max-width: 48px;
  }

  .header.white--header .header--logo svg path {
    fill: #61b984 !important;
  }

  .header.white--header .header--logo svg path+path {
    fill: #3b302d !important;
  }

  .header .ed--menu {
    position: fixed;
    overflow: auto;
    padding: 0px 50px 0;
    top: 100%;
    transition: all 0.3s ease;
    width: 100%;
    left: 0px;
    background: var(--ed-white);
    height: calc(100vh - 89px);
  }

  .header .ed--menu.open {
    top: 88px;
  }

  .header .ed--menu .menu--title {
    display: flex;
    align-items: center;
  }

  .header .ed--menu .menu--items {
    flex-direction: column;
    position: relative;
  }

  .header .ed--menu .menu--items .item {
    padding: 0;
  }

  .header .ed--menu .menu--items .item .link {
    padding: 19px 0px;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
  }

  .header .ed--menu .menu--items .item .link .c--icon {
    transform: rotate(180deg);
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
  }

  .header .ed--menu .menu--items .item .link:hover .link--text {
    transform: translate3d(0%, -175%, 0px);
  }

  .header .ed--menu .menu--items .item .link .link--text+.link--text {
    top: 19px;
  }

  .header .ed--menu .menu--items .sub--menu--items .sub--item {
    max-width: 100%;
  }

  .header .ed--menu .menu--items .sub--navigation {
    top: -70px;
    z-index: 1;
    left: -50px;
    right: -50px;
    width: auto;
  }

  .header .ed--menu .menu--items .sub--navigation .sub--navigation-bg {
    background-color: #f8f8f8;
  }

  .header .ed--menu .sub--navigation-wrapper {
    height: calc(100vh - 88px);
    overflow: auto;
    max-width: 1920px;
  }

  .header .ed--menu .menu--items .sub--navigation .sub--navigation-wrapper {
    padding-top: 0;
  }

  .header .ed--menu .menu--items .sub--menu--items .sub--item:last-child {
    border: none;
  }

  .header .ed--menu .menu--items .sub--menu--items .sub--item a {
    font-size: 20px;
    line-height: 1.5;
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
    padding-right: 30px;
    width: 100%;
  }

  .header .ed--menu .menu--items .sub--menu--items .sub--item .c--icon {
    height: 14px;
  }

  .header .ed--menu .menu--items .sub--menu--items .sub--item .c--icon svg {
    vertical-align: top;
  }

  .header .header--navigation .ed--menu .menu--items .item .link:after {
    display: none;
  }

  .ham--icon {
    display: flex;
  }

  .header .ed--menu .menu--items .sub--menu--items {
    padding-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .header .ed--menu {
    padding: 0px 30px 0;
  }

  .header .ed--menu .menu--items .sub--navigation {
    left: -30px;
    right: -30px;
  }
}

@media screen and (max-width: 767px) {
  .header .ed--menu {
    padding: 0px 16px 0;
  }

  .header .ed--menu .menu--items .sub--navigation {
    left: -16px;
    right: -16px;
  }
}

@media screen and (max-width: 480px) {
  .header .ed--menu .menu--items .sub--menu--items .sub--item a {
    font-size: 16px;
  }
}

/*  Footer Style 
======================================================*/
.footer {
  background: var(--ed-gray-bg);
}

.footer .site--footer {
  position: relative;
  width: 100%;
}

.footer .site--footer h6,
.footer .site--footer label {
  font-family: var(--ed-secondary-font);
  font-weight: 700;
  font-size: 16px;
  line-height: 64px;
  text-transform: uppercase;
  color: rgba(var(--ed-gray-rgb), 1);
  margin-bottom: 18px;
}

.footer .site--footer p,
.footer .site--footer a {
  font-family: var(--ed-secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(var(--ed-gray-rgb), 0.7);
  text-align: left;
  transition: all 0.3s ease;
}

.footer .site--footer .newsletter p {
  color: var(--ed-success);
  font-size: 80%;
  font-weight: 600;
  margin-bottom: 7px;
}

.footer .site--footer .newsletter p.error {
  color: var(--ed-error);
}

.footer .site--footer a:hover {
  color: rgba(var(--ed-primary-rgb), 1);
}

.footer .site--footer a:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  bottom: -5px;
  left: 0;
  height: 1px;
  background: var(--ed-primary);
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
}

.footer .site--footer a:hover::before {
  transform: scaleX(1);
  transform-origin: 0 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
  background: var(--ed-primary);
}

.footer .site--footer .f--logo a:hover {
  color: initial;
}

.footer .site--footer .f--logo a:before {
  display: none;
}

.footer .site--footer .footer--navigation .navigation--bar {
  padding-bottom: 55px;
}

.footer .site--footer .footer--navigation .navigation--bar .nav--col {
  flex-basis: 25%;
  padding-right: 32px;
}

.footer .site--footer .footer--navigation .navigation--bar .nav--col .nav--links li {
  margin-bottom: 18px;
  line-height: 18px;
}

.footer .site--footer .footer--navigation .navigation--bar .nav--col .nav--links li a {
  line-height: 1.25;
}

.footer .site--footer .footer--organisation .organisation--bar {
  padding: 45px 0;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data {
  flex-basis: 100%;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .or--info {
  width: 465px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .or--info .f--details {
  margin-top: 30px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter {
  margin-top: 46px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter h6 {
  margin-bottom: 0;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter .form--wrap {
  position: relative;
  max-width: 464px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter .form--wrap .form--control {
  position: relative;
  font-size: 16px;
  line-height: 1.417;
  font-weight: 400;
  padding: 20px 80px 20px 18px;
  border: 1px solid var(--ed-gray-900);
  width: 100%;
  background: var(--ed-gray-bg);
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter .form--wrap .arrow--btn {
  position: absolute;
  top: 0;
  right: 0;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
  text-align: center;
  padding: 20px 18px;
  z-index: 9;
  cursor: pointer;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter .form--wrap .arrow--btn svg {
  width: 24px;
  height: 24px;
  display: block;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s ease;
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter .form--wrap .arrow--btn:hover svg {
  transform: translate3d(8px, 0, 0);
}

.footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter .form--wrap .arrow--btn:hover svg path {
  fill: #3b302d;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address {
  flex-basis: 100%;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .address--card {
  flex-basis: 100%;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .address--card .address {
  padding: 5px 55px 0 70px;
  position: relative;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .address--card .address img {
  position: absolute;
  left: 0;
  top: 12px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .address--card .address a {
  display: inline-block;
  margin-top: 8px;
  font-family: inherit;
  font-weight: 600;
  color: rgba(var(--ed-gray-rgb), 1);
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .address--card .address a:hover {
  color: rgba(var(--ed-primary-rgb), 1);
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .address--card .address a:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  bottom: -1px;
  height: 2px;
  background: rgba(var(--ed-gray-rgb), 1);
  transform: scaleX(1);
  transform-origin: 0 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .address--card .address a:hover::before {
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
  background: var(--ed-primary);
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card {
  flex-basis: 100%;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .contact .co--links li svg {
  vertical-align: middle;
  margin-right: 7px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .contact .co--links li a {
  position: relative;
  vertical-align: middle;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media {
  margin-top: 42px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media .so--links {
  width: 100%;
  max-width: 200px;
  flex-wrap: wrap;
  gap: 24px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media .so--links li {
  width: 24px;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media .so--links li a {
  position: relative;
  overflow: hidden;
  width: 24px;
  display: block;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media .so--links li a img {
  position: relative;
  transform: translate3d(0%, 0%, 0px);
  transform-style: preserve-3d;
  transition: all 0.3s ease;
  display: block;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media .so--links li a img+img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(0%, 125%);
  -ms-transform: translate(0%, 125%);
  transform: translate(0%, 125%);
  transform: translate3d(0%, 125%, 0px);
  transform-style: preserve-3d;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media .so--links li a:hover img {
  transform: translate3d(0%, -125%, 0px);
  transform-style: preserve-3d;
}

.footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media .so--links li a:hover img+img {
  transform: translate3d(0%, 0%, 0px);
  transform-style: preserve-3d;
}

.footer .site--footer .footer--achievements .achievement--bar {
  padding: 46px 0 64px;
}

.footer .site--footer .footer--achievements .achievement--bar .certificates {
  flex-basis: 66.66%;
}

.footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list {
  padding-right: 60px;
}

.footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list .ce--image {
  height: 115px;
  text-align: center;
}

.footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list .ce--image img {
  width: 115px;
}

.footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list .ce--details {
  margin-top: 46px;
}

.footer .site--footer .footer--achievements .achievement--bar .partnership {
  flex-basis: 33.33%;
}

.footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list {
  padding-right: 64px;
}

.footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image {
  height: 115px;
  text-align: left;
}

.footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image img {
  width: 115px;
}

.footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image.ms-partner {
  max-width: 160px;
}

.footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image.ms-partner img {
  width: 100%;
}

.footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--details {
  margin-top: 46px;
}

.footer .site--footer .footer--awards .awards--bar {
  padding: 55px 0;
}

.footer .site--footer .footer--awards .awards--bar .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.footer .site--footer .footer--awards .awards--bar .f--aw-item img {
  margin: 0 auto;
}

.footer .site--footer .footer--awards .awards--bar .f--aw-item img.ms-partner {
  width: 136px;
}

.footer .site--footer .footer--awards .awards--bar .f--aw-item picture {
  text-align: center;
}

.footer .site--info p,
.footer .site--info a {
  font-family: var(--ed-secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(var(--ed-gray-rgb), 1);
}

.footer .site--info a:hover {
  color: rgba(var(--ed-gray-rgb), 0.3);
}

.footer .site--info .f--bar {
  padding: 54px 0 50px;
}

.footer .site--info .f--bar a {
  transition: all 0.3s ease;
  position: relative;
}

.footer .site--info .f--bar a:hover {
  color: rgba(var(--ed-primary-rgb), 1);
}

.footer .site--info .f--bar a:not(:first-child) {
  margin-left: 60px;
}

.footer .site--info .f--bar a:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  bottom: -5px;
  left: 0;
  height: 1px;
  background: var(--ed-primary);
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
}

.footer .site--info .f--bar a:hover::before {
  transform: scaleX(1);
  transform-origin: 0 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
  background: var(--ed-primary);
}

.footer .site--info .f--bar .copyright {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 16px;
}

.footer .site--info .f--bar .copyright .dmca-badge {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: initial;
}

.footer .site--info .f--bar .copyright .dmca-badge:before {
  display: none;
}

@media screen and (max-width: 1680px) {
  .footer .site--info .f--bar {
    padding: calc(34px + 20 * ((100vw - 320px) / 1360)) 0 calc(34px + 16 * ((100vw - 320px) / 1360));
    flex-wrap: wrap;
  }

  .footer .site--footer .footer--awards .awards--bar {
    padding: calc(40px + 15 * ((100vw - 320px) / 1360)) 0;
  }

  .footer .site--footer .footer--achievements .achievement--bar {
    padding: calc(40px + 6 * ((100vw - 320px) / 1360)) 0 calc(44px + 20 * ((100vw - 320px) / 1360));
  }
}

@media screen and (max-width: 1480px) {
  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list {
    padding-right: 26px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list .ce--image {
    height: 100px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list .ce--image img {
    width: 100px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list .ce--details {
    margin-top: 36px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list {
    padding-right: 26px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image {
    height: 100px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image img {
    width: 100px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--details {
    margin-top: 36px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image.ms-partner {
    max-width: 140px;
  }

  .footer .site--footer p,
  .footer .site--footer a {
    font-size: 15px;
  }
}

@media screen and (max-width: 1199px) {
  .footer .site--footer .footer--navigation .navigation--bar .nav--col {
    padding-right: 20px;
  }

  .footer .site--footer .footer--organisation .organisation--bar .flex {
    flex-wrap: wrap;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--data .or--info {
    width: 100%;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter {
    margin-top: 30px;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter .form--wrap {
    max-width: 100%;
  }

  .footer .site--footer h6,
  .footer .site--footer label {
    line-height: 34px;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--data .newsletter h6 {
    margin-bottom: 16px;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--address {
    margin-top: 40px;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--address .address--card .address {
    padding: 0 0 0 70px;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card {
    margin-top: 40px;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media {
    margin-top: 40px;
  }

  .footer .site--footer .footer--organisation .organisation--bar .or--address .contact--card .social--media .so--links {
    max-width: 400px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .flex,
  .footer .site--footer .footer--achievements .achievement--bar .certificates .flex {
    flex-wrap: wrap;
  }

  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list {
    width: 50%;
    padding-right: 60px;
    margin-bottom: 60px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list:nth-child(3),
  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list:nth-child(4) {
    margin-bottom: 0;
  }

  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list .ce--image {
    text-align: left;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list {
    width: 100%;
    margin-bottom: 60px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list:last-child {
    margin-bottom: 0;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image {
    text-align: left;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image.ms-partner {
    max-width: 180px;
  }

  .footer .site--info .f--bar a:not(:first-child) {
    margin-left: 34px;
  }
}

@media screen and (max-width: 954px) {
  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--details {
    min-height: 81px;
  }

  .footer .site--info .f--bar .copyright {
    width: 100%;
    order: 2;
    text-align: center;
    justify-content: center;
  }

  .footer .site--info .f--bar .cms {
    width: 100%;
    order: 1;
    text-align: center;
    margin-bottom: 10px;
  }

  .footer .site--info .f--bar .cms a {
    margin: 0 10px;
  }

  .footer .site--info .f--bar .cms a:not(:first-child) {
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .footer .site--footer .footer--navigation .navigation--bar .nav--col {
    flex-basis: 50%;
  }

  .footer .site--footer .footer--navigation .navigation--bar .flex {
    flex-wrap: wrap;
  }

  .footer .site--footer .footer--navigation .navigation--bar .nav--col:nth-child(3),
  .footer .site--footer .footer--navigation .navigation--bar .nav--col:nth-child(4) {
    margin-top: 30px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .flex {
    flex-wrap: wrap;
  }

  .footer .site--footer .footer--achievements .achievement--bar .certificates,
  .footer .site--footer .footer--achievements .achievement--bar .partnership {
    flex-basis: 100%;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership {
    margin-top: 40px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list {
    width: 50%;
    margin-bottom: 0;
    padding-right: 10px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--details {
    min-height: initial;
  }

  .footer .site--footer .footer--achievements .achievement--bar .certificates .ce--list {
    width: 50%;
    padding-right: 10px;
    margin-bottom: 40px;
  }

  .footer .site--footer .footer--navigation .navigation--bar {
    padding-bottom: 40px;
  }

  .footer .site--info .f--bar .copyright p {
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .footer .site--info .f--bar .copyright {
    width: 100%;
    order: 2;
    text-align: center;
    flex-wrap: wrap;
  }

  .footer .site--info .f--bar .cms {
    width: 100%;
    order: 1;
    text-align: center;
    margin-bottom: 10px;
  }

  .footer .site--info .f--bar .cms a {
    margin: 5px;
  }

  .footer .site--info .f--bar .cms a:not(:first-child) {
    margin-left: 5px;
  }

  .footer .site--footer h6,
  .footer .site--footer label {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .footer .site--footer .footer--navigation .navigation--bar .nav--col .nav--links li {
    line-height: 20px;
  }

  .footer .site--footer p,
  .footer .site--footer a {
    font-size: 12px;
  }

  .footer .site--info p,
  .footer .site--info a {
    font-size: 13px;
  }

  .footer .site--footer .footer--achievements .achievement--bar .partnership .pa--list .pa--image.ms-partner {
    max-width: 110px;
  }
}

/*  Hero Banner 
======================================================*/
.home-slider {
  overflow: hidden;
  user-select: none;
  max-width: 1920px;
  margin: 0 auto;
}

.home-slider .slider {
  width: 100%;
  position: relative;
}

.home-slider .slider .slider__container {
  position: relative;
  height: 100vh;
  max-height: 940px;
  min-height: 680px;
  padding-top: 100px;
}

.home-slider .slider__item {
  background: #fafafa;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background-size: cover !important;
  background-position: center left !important;
}

.home-slider .slider__content_wrap {
  width: 1460px;
  float: none;
  margin: 0 auto;
  padding: 0 15px;
}

.home-slider .slider__content_wrap .slider__video {
  width: 680px;
}

.home-slider .slider__content_wrap .slider__video video {
  background: #fafafa;
}

.home-slider .slider__content_wrap .slider__img {
  position: absolute;
  bottom: 0;
  left: 0;
  max-height: 940px;
  height: 100vh;
  width: auto;
  z-index: 1;
}

.home-slider .slider__content_wrap .slider__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}

.home-slider .slider__content_wrap .slider__context {
  width: 640px;
  position: relative;
  z-index: 5;
  margin-left: auto;
  margin-right: 0;
}

.home-slider .slider__content_wrap .slider__context .h3.title {
  font-size: 32px;
}

.home-slider .slider__content_wrap .slider__context.left--group {
  margin-left: 0;
  margin-right: auto;
}

.home-slider.industry .slider__content_wrap .slider__context {
  margin-left: auto;
  margin-right: auto;
}

.home-slider .slider__content_wrap .slider__context .title--content .title {
  transition: margin 0.5s ease;
  text-transform: capitalize;
}

.home-slider .slider__content_wrap .slider__context:hover .title--content .title {
  margin-bottom: 35px;
}

.home-slider .slider__content_wrap .slider__context .title--content .details {
  text-transform: capitalize;
}

.home-slider .bgColor {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.home-slider .bgColor+.bgColor {
  transform: translateX(100%);
}

.home-slider .slider__item.offwhite {
  background: #fafafa;
}

.home-slider .slider__item.radialOrange {
  background: radial-gradient(151.18% 120.11% at 27.19% 91.22%, var(--ed-white) 0%, #ffcfbf 100%);
}

.home-slider .slider__item.lightBlue {
  background: #d7e6fa;
}

.home-slider .slider__item.lightGray {
  background: #d2d6dd;
}

.home-slider .slider__item.grayGradiount {
  background: linear-gradient(90deg, #ced4dc 0%, #eef6ff 100%);
}

.home-slider .slider__item.radialblue {
  background: radial-gradient(180.07% 94.1% at 45.78% 102.78%, var(--ed-white) 0%, #c0f5ff 100%);
  filter: blur(0px);
}

.home-slider .slider__btns button {
  font-family: inherit;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  padding: 0;
  position: absolute;
  bottom: 70px;
  z-index: 99;
  text-transform: uppercase;
}

.home-slider .slider__btns button.prev {
  left: calc((100% - 1460px) / 2);
}

.home-slider .slider__btns button.next {
  right: calc((100% - 1460px) / 2);
}

.home-slider .slider__btns .btn_text {
  font-family: inherit;
  /* width: 190px; */
  transform: translate3d(10px, 1px, 0px);
  opacity: 1;
  transition: all 0.5s ease;
}

.home-slider .slider__btns button svg {
  transform: translate3d(0, 0, 0);
  transition: all 0.5s ease;
}

.home-slider .slider__btns .next .btn_text {
  transform: translate3d(-10px, 1px, 0px);
}

.home-slider .slider__btns .prev:hover .btn_text {
  transform: translate3d(5px, 1px, 0px);
  opacity: 1;
}

.home-slider .slider__btns .next:hover .btn_text {
  transform: translate3d(-5px, 1px, 0px);
  opacity: 1;
}

.home-slider .slider__btns .prev:hover svg {
  transform: translate3d(-10px, 0px, 0px);
}

.home-slider .slider__btns .next:hover svg {
  transform: translate3d(10px, 0px, 0px);
}

.home-slider .slider__btns .next .btn_text span {
  white-space: pre;
}

.home-slider .slider_dots.disable,
.home-slider .slider_dots.disable * {
  pointer-events: none;
}

.home-slider .slider_dots {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}

.home-slider .slider_dots li {
  width: 32px;
  height: 20px;
  background: transparent;
  cursor: pointer;
  margin: 0 12px;
  position: relative;
}

.home-slider .slider_dots li:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--ed-gray-300);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.home-slider .slider_dots li.active {
  pointer-events: none;
}

.home-slider .slider_dots li.active:after {
  height: 4px;
  background: var(--ed-gray-900);
}

.home-slider .slider__btns svg path+path {
  animation: dot-pulse 2s infinite linear;
  animation-delay: 0.25s;
}

.home-slider .slider__btns svg path {
  animation: dot-pulse-before 2s infinite linear;
  animation-delay: 0s;
}

.home-slider .slider__btns svg path+path+path {
  animation: dot-pulse-after 2s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60%,
  100% {
    opacity: 0;
  }
}

@keyframes dot-pulse {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60%,
  100% {
    opacity: 0;
  }
}

@keyframes dot-pulse-after {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60%,
  100% {
    opacity: 0;
  }
}

@media screen and (min-width: 1920px) {
  .home-slider {
    max-width: 100%;
  }

  .home-slider .slider__content_wrap .slider__img {
    left: 50%;
    margin-left: -1100px;
  }

  .home-slider .slider__btns button.prev {
    left: calc((100% - 1460px) / 2);
  }

  .home-slider .slider__btns button.next {
    right: calc((100% - 1460px) / 2);
  }
}

@media screen and (max-width: 1680px) {
  .home-slider .slider__btns .btn_text {
    /* width: 150px; */
    transform: translate3d(10px, 1px, 0px);
  }

  .home-slider .slider__btns .btn_text span {
    font-size: 18px;
  }

  .home-slider .slider__content_wrap .slider__img,
  .home-slider .slider__content_wrap .slider__video {
    width: 45%;
  }

  .home-slider .slider__content_wrap .slider__context {
    width: 48%;
  }

  .home-slider .slider__content_wrap .slider__img {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }

  .home-slider .slider__content_wrap .slider__img img {
    width: 100%;
    height: auto;
  }

  .home-slider .slider__content_wrap .slider__context .h3.title {
    font-size: calc(20px + 14 * ((100vw - 320px) / 1360));
  }
}

@media (min-width: 1200px) and (max-height: 870px) {
  .home-slider .slider__content_wrap .slider__video video {
    max-width: 90%;
    margin: 0 auto;
    display: block;
  }

  .home-slider .slider__content_wrap .slider__img img {
    width: 90%;
    height: auto;
  }
}

@media screen and (max-width: 1560px) {
  .home-slider .slider__btns button.prev {
    left: 50px;
  }

  .home-slider .slider__btns button.next {
    right: 50px;
  }

  .home-slider .slider__content_wrap .slider__img,
  .home-slider .slider__content_wrap .slider__video {
    width: 45%;
  }

  .home-slider .slider__content_wrap .slider__context {
    width: 48%;
  }

  .home-slider .slider__content {
    width: 100%;
  }

  .home-slider .slider__content_wrap {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 1199px) {
  .home-slider .slider .slider__container {
    max-height: 600px;
    padding-top: 80px;
  }

  .home-slider .slider__content_wrap .slider__context {
    width: 50%;
  }

  .home-slider .slider__btns button {
    bottom: 6vh;
  }
}

@media screen and (max-width: 1023px) {
  .home-slider .slider__content_wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .home-slider .slider__content_wrap .slider__context {
    width: 55%;
  }

  .home-slider .slider__content_wrap .slider__img {
    width: 50%;
  }

  .home-slider .slider__content_wrap .slider__video {
    width: 40%;
  }

  .home-slider .slider__btns button.prev {
    left: 30px;
  }

  .home-slider .slider__btns button.next {
    right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .home-slider .slider .slider__container {
    height: 100vh;
    max-height: 680px;
  }

  .home-slider.industry .slider .slider__container {
    height: 480px;
  }

  .home-slider .slider__content {
    height: 100%;
  }

  .home-slider .slider__content_wrap {
    padding: 0 16px;
    height: 100%;
  }

  .home-slider .slider__item {
    align-items: flex-start !important;
    padding-top: 90px;
  }

  .home-slider .slider__content_wrap .slider__img {
    width: 100%;
    order: 2;
    position: relative;
  }

  .home-slider .slider__content_wrap .slider__img,
  .home-slider .slider__content_wrap .slider__video {
    width: 100%;
    height: auto;
  }

  .home-slider .slider__content_wrap .slider__context {
    width: 100%;
    padding-top: 32px;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .home-slider .slider__content_wrap .slider__context .action--group {
    display: none;
  }

  .home-slider .slider_dots {
    display: none;
  }

  .home-slider .slider__btns button.prev {
    display: inherit;
    left: 16px;
    bottom: 30%;
    margin-bottom: -15px;
  }

  .home-slider .slider__btns button.next {
    right: 16px;
    bottom: 30%;
    margin-bottom: -15px;
  }

  .home-slider .slider__btns .btn_text {
    display: none;
  }
}

/*  About Section 
======================================================*/
.our--intro .big--content {
  max-width: 1200px;
  margin: 0 auto;
}

.our--intro .big--content sub {
  bottom: 0;
}

.our--intro .big--content p {
  text-indent: 180px;
  text-align: justify;
}

.awards--block .title--group {
  position: relative;
  text-align: center;
}

.awards--block .title--group span {
  display: inline-block;
  font-size: 24px;
  line-height: 24px;
  padding: 7px 32px;
  text-align: center;
  border: 1px solid var(--ed-gray-900);
  border-radius: 20px;
  text-transform: uppercase;
  background: var(--ed-white);
  color: var(--ed-gray-900);
  position: relative;
  z-index: 2;
}

.awards--block .title--group:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #000;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.awards--recognition .slick-track .slick-slide img {
  margin: 0 auto;
  width: 100px;
}

.awards--recognition .slick-track .slick-slide img.ms-partner {
  width: 136px;
}

.awards--recognition.awards--recognition-logo .slick-track .slick-slide img {
  width: auto;
  max-width: 70%;
  max-height: 90px;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.1);
  transition: all 0.3s ease;
}

.awards--recognition.awards--recognition-logo .slick-track .slick-slide img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.2);
  cursor: grab;
}

.awards--recognition.awards--recognition-logo .slick-track .slick-slide img.ms-partner {
  max-width: 60%;
}

@media screen and (max-width: 1680px) {
  .awards--block .title--group span {
    font-size: calc(14px + 10 * ((100vw - 320px) / 1360));
    line-height: 1.56;
  }
}

@media screen and (max-width: 991px) {
  .our--intro .big--content p {
    text-indent: 80px;
    text-align: justify;
  }

  .awards--block .title--group span {
    padding: 4px 10px;
  }
}

@media screen and (max-width: 991px) {
  .awards--recognition.awards--recognition-logo .slick-track .slick-slide img {
    max-width: 90%;
  }
}

/*  Expertise Section 
======================================================*/
.our--expertise .expertise--block {
  max-width: 1920px;
  margin: 0 auto;
}

.expertise--block .expertise--image--group {
  flex-basis: 50%;
  height: 100vh;
}

.expertise--block .expertise--list--group {
  flex-basis: 50%;
  padding-left: 8%;
  counter-reset: counter;
}

.expertise--list--group .expertise--box {
  position: relative;
  width: 100%;
  background: var(--ed-white);
  border: 1px solid var(--ed-gray-300);
  border-right: none;
  border-bottom: none;
}

.expertise--list--group .expertise--box:last-child {
  border-bottom: 1px solid var(--ed-gray-300);
}

.expertise--list--group .expertise--box>* {
  display: block;
  padding: 80px 90px;
}

.expertise--list--group .expertise--box img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.expertise--list--group .expertise--box:hover img,
.expertise--list--group .expertise--box a.active img {
  opacity: 0.1;
  visibility: visible;
}

.expertise--list--group .expertise--box .expertise--content {
  position: relative;
  z-index: 2;
  height: 120px;
}

.expertise--list--group .expertise--box .expertise--content * {
  position: relative;
  width: 100%;
  padding-left: 60px;
}

.expertise--list--group .expertise--box .expertise--content *:first-child:before {
  counter-increment: counter;
  content: counter(counter);
  position: absolute;
  left: 0;
  top: 0;
}

.expertise--list--group .expertise--box .expertise--content p {
  height: 0;
  margin-top: 0;
  color: var(--ed-gray-600);
  opacity: 0;
  visibility: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 1s ease;
}

.expertise--list--group .expertise--box:hover .expertise--content p,
.expertise--list--group .expertise--box a.active .expertise--content p {
  height: auto;
  margin-top: 16px;
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 1920px) {
  .our--expertise .expertise--block {
    max-width: 100%;
  }

  .expertise--list--group .expertise--box>* {
    max-width: 806px;
  }

  .expertise--block .expertise--list--group {
    padding-left: 154px;
  }

  .expertise--block .expertise--image--group .expertise--image.justify-content-center {
    justify-content: flex-end !important;
    padding-right: 154px;
  }
}

@media screen and (max-width: 1680px) {
  .expertise--block .expertise--image--group .expertise--image img {
    width: 400px;
    height: auto;
  }

  .expertise--block .expertise--image--group {
    flex-basis: 35%;
    height: 100vh;
  }

  .expertise--block .expertise--list--group {
    flex-basis: 65%;
    padding-left: 8%;
    counter-reset: counter;
  }
}

@media screen and (max-width: 1023px) {
  .our--expertise {
    padding-bottom: 0 !important;
  }

  .expertise--block .expertise--image--group {
    display: none;
  }

  .expertise--block .expertise--list--group {
    flex-basis: 100%;
    padding-left: 0;
  }

  .expertise--list--group .expertise--box {
    border-left: none;
  }

  .expertise--list--group .expertise--box>* {
    padding: calc(72px + 8 * ((100vw - 320px) / 1360)) calc(32px + 58 * ((100vw - 320px) / 1360));
  }

  .expertise--list--group .expertise--box .expertise--content {
    height: auto;
  }

  .expertise--list--group .expertise--box .expertise--content * {
    padding-left: 0;
  }

  .expertise--list--group .expertise--box .expertise--content *:first-child:before {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 16px;
  }

  .expertise--list--group .expertise--box .expertise--content p {
    height: auto;
    margin-top: 16px;
    opacity: 1;
    visibility: visible;
  }
}

/*  Work Section 
======================================================*/
.our--work {
  position: relative;
  background: var(--ed-gray-bg);
}

/*  Big Brands 
======================================================*/
.brands--group {
  overflow: hidden;
}

.brands--group .brand--card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% / 6);
  border-left: 1px solid var(--ed-gray-300);
  border-bottom: 1px solid var(--ed-gray-300);
  margin-left: calc(-1 * 1px);
  margin-bottom: calc(-1 * 1px);
  height: 136px;
  transition: all 0.5s ease;
  padding: 0 30px;
}

.brands--group.three--col .brand--card {
  width: calc(100% / 3);
}

.brands--group.three--col .brand--card img {
  max-width: 100%;
}

.brands--group.two--col .brand--card {
  width: calc(100% / 2);
}

.brands--group.two--col .brand--card img {
  max-width: 100%;
}

.brands--group .brand--card img {
  width: 100%;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: all 0.3s ease;
  text-align: center;
}

.brands--group .brand--card:hover img {
  filter: grayscale(0);
  opacity: 1;
}

.brands--group.two--col .brand--card img {
  width: 177px;
  height: auto;
}

@media screen and (max-width: 1440px) {
  .brands--group .brand--card {
    padding: 0 20px;
  }
}

@media screen and (max-width: 1199px) {
  .brands--group .brand--card {
    padding: 0 30px;
    width: calc(100% / 4);
  }
}

@media screen and (max-width: 1023px) {
  .brands--group {
    margin-top: 40px;
  }

  .big--brands .wrapper {
    flex-wrap: wrap;
  }

  .big--brands .wrapper .width--50 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .big--brands .title--group.pr--150 {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 1000px) {
  .brands--group .brand--card {
    width: calc(100% / 3);
  }

  .brands--group .brand--card img {
    width: 85%;
  }
}

@media screen and (max-width: 767px) {
  .brands--group .brand--card {
    padding: 0 18px;
  }
}

@media screen and (max-width: 600px) {
  .brands--group .brand--card {
    width: calc(100% / 2);
    padding: 0 30px;
  }

  .brands--group.three--col .brand--card {
    width: calc(100% / 2);
  }

  .brands--group.three--col .brand--card:last-child {
    display: none;
  }

  .brands--group .brand--card img {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .brands--group .brand--card {
    padding: 0 15px;
    height: 116px;
  }
}

/*  Big CTA - Done
======================================================*/
.big--cta .cta--group {
  padding: 150px 0;
  flex-direction: column;
  text-align: center;
}

.big--cta .cta--group .big--heading {
  text-align: center;
  font-size: 128px;
  text-transform: uppercase;
}

.big--cta.sf--pd .cta--group .big--heading {
  font-size: 80px;
}

.big--cta .cta--group .big--heading a {
  text-decoration: underline;
}

.big--cta .cta--group .arrow--wrapper {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.big--cta .cta--group .arrow--wrapper .big--heading {
  position: relative;
  overflow: hidden;
  color: var(--ed-primary);
}

.big--cta .cta--group .arrow--wrapper .big--heading:after {
  content: "";
  width: 100%;
  height: 10px;
  background: var(--ed-primary);
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
}

.big--cta .cta--group .arrow--wrapper:hover .big--heading:after {
  opacity: 1;
  transform: scaleX(1);
  transform-origin: 0 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
  background: var(--ed-primary);
}

.big--cta .cta--group .arrow--wrapper .arrow--icon {
  position: relative;
  overflow: hidden;
  width: 70px;
  margin-left: 48px;
}

.big--cta .cta--group .arrow--wrapper .arrow--icon .c--icon {
  position: relative;
  transform: translate3d(0%, 0%, 0px);
  transform-style: preserve-3d;
  transition: all 0.3s ease;
  display: block;
  height: 70px;
}

.big--cta .cta--group .arrow--wrapper .arrow--icon .c--icon.hover--icon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(-125%, 125%);
  -ms-transform: translate(1-25%, 125%);
  transform: translate(-125%, 125%);
  transform: translate3d(-125%, 125%, 0px);
  transform-style: preserve-3d;
}

.big--cta .cta--group .arrow--wrapper:hover .arrow--icon .c--icon {
  transform: translate3d(125%, -125%, 0px);
  transform-style: preserve-3d;
}

.big--cta .cta--group .arrow--wrapper:hover .arrow--icon .c--icon.hover--icon {
  transform: translate3d(0%, 0%, 0px);
  transform-style: preserve-3d;
}

@media screen and (max-width: 1680px) {
  .big--cta .cta--group {
    padding: calc(50px + 100 * ((100vw - 320px) / 1360)) 0;
    flex-direction: column;
    text-align: center;
  }

  .big--cta .cta--group .big--heading {
    font-size: calc(36px + 92 * ((100vw - 320px) / 1360));
  }

  .big--cta .cta--group .arrow--wrapper .arrow--icon {
    width: calc(20px + 50 * ((100vw - 320px) / 1360));
    margin-left: calc(16px + 32 * ((100vw - 320px) / 1360));
  }

  .big--cta .cta--group .arrow--wrapper .arrow--icon .c--icon {
    height: calc(20px + 50 * ((100vw - 320px) / 1360));
  }

  .big--cta .cta--group .arrow--wrapper .arrow--icon .c--icon svg {
    width: calc(20px + 50 * ((100vw - 320px) / 1360));
    height: calc(20px + 50 * ((100vw - 320px) / 1360));
  }

  .big--cta .cta--group .arrow--wrapper .big--heading:after {
    height: calc(3px + 7 * ((100vw - 320px) / 1360));
  }
}

@media screen and (max-width: 1024px) {
  .big--cta.sf--pd .cta--group .big--heading {
    font-size: calc(36px + 92 * ((100vw - 320px) / 1360));
  }
}

/*  Success Stories
======================================================*/
.stories--wrapper .stories--list .list {
  width: 220px;
  position: relative;
  margin: 0 16px;
  cursor: pointer;
}

.stories--wrapper .stories--list .list a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  padding-bottom: 40px;
}

.stories--wrapper .stories--list .list:after {
  content: "";
  width: 100%;
  height: 4px;
  background: var(--ed-gray-600);
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
}

.stories--wrapper .stories--list .list.ui-state-active:after {
  opacity: 1;
  background: var(--ed-success);
}

.stories--wrapper .stories--list .list .c--icon {
  width: 80px;
  height: auto;
  margin: 0 auto 20px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.6;
  transition: all 0.3s ease;
}

.stories--wrapper .stories--list .list picture {
  text-align: center;
  display: block;
}

.stories--wrapper .stories--list .list.ui-state-active .c--icon,
.stories--wrapper .stories--list .list:hover .c--icon {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.stories--wrapper .stories--list .list label {
  text-align: center;
  color: var(--ed-gray-900);
}

.stories--wrapper .stories--panel {
  padding: 72px;
  background: var(--ed-gray-bg);
  transform: translateY(50px);
  opacity: 0;
  transition: all 0.7s ease;
}

.stories--wrapper .stories--panel[aria-hidden="false"] {
  transform: translateY(0);
  opacity: 1;
}

.stories--wrapper .stories--panel .panel--inner {
  padding: 0 32px;
}

.stories--wrapper .stories--panel .c--name {
  margin-bottom: 32px;
}

.stories--wrapper .stories--panel .s--data {
  justify-content: space-between;
  align-items: flex-start;
}

.stories--wrapper .stories--panel .s--data .s--details {
  flex-basis: 885px;
}

.stories--wrapper .stories--panel .s--data .s--details .c--details {
  margin-top: 32px;
}

.stories--wrapper .stories--panel .s--data .s--details .c--details label {
  margin-bottom: 5px;
}

.stories--wrapper .stories--panel .s--data .s--image-group {
  flex-basis: 170px;
  text-align: center;
}

.stories--wrapper .stories--panel .s--data .s--image-group .c--image {
  width: 170px;
  height: 170px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 18px;
  border: 2px solid var(--ed-gray-600);
  border-radius: 50%;
}

.stories--wrapper .stories--panel .s--data .s--image-group picture {
  text-align: center;
  display: block;
}

.stories--wrapper .stories--panel .s--data .s--image-group .c--logo {
  margin: 0 auto;
  display: block;
  height: auto;
}

.stories--wrapper.vertical--tabing {
  display: flex;
  align-items: flex-start;
  gap: 64px;
}

.stories--wrapper.vertical--tabing .stories--list {
  width: calc(50% - 64px);
  flex: 0 0 calc(50% - 64px);
  flex-direction: column;
}

.stories--wrapper.vertical--tabing .stories--list .list {
  width: 100%;
  flex: 0 0 100%;
}

.stories--wrapper.vertical--tabing .stories--list .list.ui-state-active {
  border-color: var(--ed-primary);
  background: rgba(var(--ed-primary-rgb), 0.15);
  color: var(--ed-primary);
}

.stories--wrapper.vertical--tabing .stories--panel {
  width: 50%;
  flex: 0 0 50%;
}

.stories--wrapper.vertical--tabing .stories--list .list a {
  padding: 24px;
  border-bottom: 1px solid #000;
}

.stories--wrapper.vertical--tabing .stories--list .list label {
  text-align: left;
  cursor: pointer;
  user-select: none;
}

.stories--wrapper.vertical--tabing .stories--list .list.ui-state-active label {
  color: var(--ed-primary);
}

@media screen and (max-width: 1680px) {
  .stories--wrapper .stories--list .list {
    width: 180px;
    flex: 0 0 180px;
  }

  .stories--wrapper.vertical--tabing .stories--list .list {
    width: 100%;
    flex: 0 0 100%;
  }

  .stories--wrapper .stories--list .list .c--icon {
    width: calc(64px + 16 * ((100vw - 1200px) / 1360));
  }

  .stories--wrapper .stories--list .list a {
    padding-bottom: calc(25px + 15 * ((100vw - 1200px) / 1360));
  }

  .stories--wrapper .stories--panel {
    padding: 50px;
  }

  .stories--wrapper .stories--panel .s--data .s--details {
    flex-basis: calc(700px + 185 * ((100vw - 1200px) / 1360));
  }

  .stories--wrapper .stories--panel .s--data .s--image-group {
    flex-basis: calc(150px + 25 * ((100vw - 1200px) / 1360));
  }

  .stories--wrapper .stories--panel .s--data .s--image-group .c--image {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 1199px) {
  .stories--wrapper .stories--list {
    overflow: auto;
    justify-content: flex-start !important;
  }

  .stories--wrapper .stories--panel .panel--inner {
    padding: 0;
  }

  .stories--wrapper .stories--panel .s--data .s--details {
    flex-basis: calc(100% - 250px);
  }

  .stories--wrapper .stories--panel .s--data .s--image-group {
    flex-basis: 250px;
  }

  .stories--wrapper .stories--panel .s--data .s--image-group .c--logo {
    max-width: 130px;
  }

  .stories--wrapper .stories--list .list a {
    padding-bottom: 20px;
  }

  .stories--wrapper .stories--list .list .c--icon {
    width: 64px;
    margin: 0 auto 12px;
  }
}

@media screen and (max-width: 991px) {
  .stories--wrapper .stories--panel .panel--inner {
    padding: 0;
  }

  .stories--wrapper .stories--panel .s--data .s--details {
    flex-basis: calc(100% - 160px);
  }

  .stories--wrapper .stories--panel .s--data .s--image-group {
    flex-basis: 160px;
    text-align: center;
  }

  .stories--wrapper .stories--panel .s--data .s--image-group .c--image {
    width: 100px;
    height: 100px;
  }

  .stories--wrapper .stories--panel .s--data .s--image-group .c--logo {
    max-width: 100px;
  }
}

@media screen and (max-width: 680px) {
  .stories--wrapper .stories--list .list {
    width: 80px;
    flex: 0 0 80px;
  }

  .stories--wrapper .stories--panel .s--data {
    flex-wrap: wrap;
  }

  .stories--wrapper .stories--panel .s--data .s--image-group {
    order: 1;
    width: 100%;
    flex-basis: 100%;
  }

  .stories--wrapper .stories--panel .s--data .s--details {
    order: 2;
    width: 100%;
    flex-basis: 100%;
  }

  .stories--wrapper .stories--panel .s--data .s--image-group .c--logo {
    max-width: 100px;
    margin: 0 auto 25px 0;
  }

  .stories--wrapper .stories--panel .s--data .s--image-group .c--image {
    display: none;
  }

  .stories--wrapper .stories--panel {
    padding: 30px;
  }

  .stories--wrapper .stories--list .list .c--icon {
    height: auto;
  }
}

/*  Techstack
======================================================*/
.our--techstack .techstack--wrapper .techstack--list {
  border-bottom: 1px solid var(--ed-gray-900);
}

.our--techstack .techstack--wrapper .techstack--list .list a {
  display: block;
  font-weight: 600;
  color: var(--ed-gray-900);
  padding: 16px 28px;
  margin: 0 5px;
  border: 1px solid var(--ed-gray-900);
  border-bottom: none;
  cursor: pointer;
}

.our--techstack .techstack--wrapper .techstack--list .list a:hover {
  background: rgba(var(--ed-primary-rgb), 0.15);
  text-shadow: none;
}

.our--techstack .techstack--wrapper .techstack--list .list.ui-state-active a {
  border-color: var(--ed-primary);
  background: rgba(var(--ed-primary-rgb), 0.15);
  color: var(--ed-primary);
}

.our--techstack .techstack--wrapper .techstack--group {
  padding-top: 32px;
}

.our--techstack .techstack--wrapper .techstack--group .techstack--panel {
  transform: translateY(50px);
  opacity: 0;
  transition: all 0.7s ease;
}

.our--techstack .techstack--wrapper .techstack--group .techstack--panel[aria-hidden="false"] {
  transform: translateY(0);
  opacity: 1;
}

.our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card {
  flex-direction: column;
  text-align: center;
  flex-basis: 20%;
  padding: 0 16px;
  padding-top: 64px;
}

.our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card a {
  cursor: pointer;
}

.our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card img {
  display: block;
  margin: 0 auto;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.6;
  transform: scale(1.1);
  transition: all 0.3s ease;
  cursor: pointer;
}

.our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.2);
}

.our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card label {
  font-weight: 400;
  margin-top: 16px;
  color: var(--ed-gray-600);
  display: block;
  text-align: center;
  cursor: pointer;
}

.our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card:hover label {
  color: var(--ed-gray-900);
}

@media screen and (max-width: 1023px) {
  .our--techstack .techstack--wrapper .techstack--list .list a {
    padding: 12px 24px;
    font-size: 16px;
  }

  .our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card {
    padding-top: 44px;
  }

  .our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card label {
    font-size: 14px;
  }

  .our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card img {
    width: 50px;
  }
}

@media screen and (max-width: 767px) {
  .our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card img {
    width: 40px;
  }

  .our--techstack .techstack--wrapper .techstack--group .techstack--panel .panel--inner .tech--card {
    flex-basis: 33.33%;
    width: 33.33%;
    padding-top: 34px;
  }

  .our--techstack .techstack--wrapper .techstack--list {
    justify-content: flex-start !important;
    overflow: auto;
  }
}

/*  Insights
======================================================*/
/* .insights-section {
    height: 1192px;
} */
.insights-section>.insights {
  padding-top: 0;
}

.insights .insights--list-group .insights--card {
  padding: 0 16px;
  width: 33.33%;
  transition: all 0.7s ease;
}

.insights .insights--list-group .insights--card:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}

.insights .insights--list-group .insights--card .card--image {
  width: 100%;
  aspect-ratio: 300/157;
  overflow: hidden;
  transition: all 0.5s ease;
}

.insights .insights--list-group .insights--card:hover .card--image {
  transform: scale(1.07);
}

.insights .insights--list-group .insights--card .card--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.insights .insights--list-group .insights--card .card--details {
  padding: 24px 0 36px 0;
  border-bottom: 1px solid var(--ed-gray-600);
}

.insights .insights--list-group .insights--card:hover .card--details {
  border-bottom-color: transparent;
}

.insights .insights--list-group .insights--card .card--details>label {
  display: block;
  margin-bottom: 24px;
  text-transform: uppercase;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.insights .insights--list-group .insights--card .card--details h6 a {
  height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
  color: var(--ed-gray-900);
  text-overflow: ellipsis;
}

.insights .insights--list-group .insights--card .card--details h6 a:hover,
.insights .insights--list-group .insights--card .card--details h6 a:focus {
  color: var(--ed-gray-600);
}

.insights .insights--list-group .insights--card .card--details h6+p {
  height: 76px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.insights .insights--list-group .insights--card .card--details .card--author {
  margin-top: 24px;
}

.insights .insights--list-group .insights--card .card--details .card--author .author--image {
  margin-right: 12px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.insights .insights--list-group .insights--card .card--details .card--author .author--image a {
  display: block;
}

.insights .insights--list-group .insights--card .card--details .card--author .author--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.insights .insights--list-group .insights--card .card--details .card--author .author--data label a {
  color: var(--ed-gray-900);
}

.insights .insights--list-group .insights--card .card--details .card--author .author--data label a:hover,
.insights .insights--list-group .insights--card .card--details .card--author .author--data label a:focus {
  color: var(--ed-gray-600);
}

@media screen and (max-width: 1440px) {
  .insights-section {
    height: 1135px;
  }
}

@media screen and (max-width: 1199px) {
  .insights-section {
    height: 1122px;
  }
}

@media screen and (max-width: 992px) {
  .insights .insights--list-group .insights--card {
    width: 50%;
  }

  .insights .insights--list-group .insights--card:last-child {
    display: none;
  }

  .insights .insights--list-group .insights--card .card--details h6+p {
    height: 72px;
  }
}

@media screen and (max-width: 767px) {
  .insights-section {
    height: 1600px;
  }

  .insights .insights--list-group {
    flex-wrap: wrap;
    padding: 0 !important;
  }

  .insights .insights--list-group .insights--card {
    width: 100%;
    margin-bottom: 25px;
  }
}

.image-with-content .wrapper>* {
  flex: 0 0 50%;
}

.image-with-content:not(.reverse) .image--wrap {
  padding-right: 146px;
}

.work-card.image-with-content:not(.reverse) .image--wrap {
  padding-right: 0;
}

.image-with-content .image--wrap img {
  width: 100%;
  height: 622px;
  object-fit: cover;
  object-position: center;
}

.image-with-content .image--wrap.contain-image img {
  object-fit: contain;
}

.image-with-content .image--wrap picture {
  display: block;
  height: 100%;
}

.image-with-content .copy--wrap {
  position: relative;
  width: 100%;
}

.work-card.image-with-content:not(.reverse) .copy--wrap {
  padding-left: 80px;
}

.work-card.image-with-content.reverse .copy--wrap {
  padding-right: 80px;
}

.image-with-content .copy--wrap .copy--group {
  padding-bottom: 24px;
}

.work-card.image-with-content .copy--group>img {
  width: auto;
  height: auto;
  max-height: 80px;
  max-width: 200px;
}

.work-card.image-with-content .copy--group>img.v-logo {
  width: auto;
  height: 80px;
  max-width: initial;
}

.work-card.image-with-content .copy--group>img.h-logo {
  width: auto;
  width: 180px;
  max-height: initial;
}

.image-with-content .copy--wrap .copy--group * {
  margin-bottom: 24px;
}

.image-with-content .copy--wrap .copy--group .figures--wrap ul li {
  margin-bottom: calc(-1 * 1px);
  min-width: 150px;
}

.work-card.image-with-content .copy--wrap .copy--group .figures--wrap ul li {
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px;
}

.work-card.image-with-content .copy--wrap .copy--group .figures--wrap ul li:first-child {
  padding-left: 0;
}

.image-with-content .copy--wrap .copy--group .figures--wrap * {
  margin-bottom: 0;
  flex: initial;
}

.image-with-content .copy--wrap .copy--group p strong,
.image-with-content .copy--wrap .copy--group ul li strong,
.image-with-content .copy--wrap .copy--group .rich--text strong {
  text-transform: capitalize;
}

.image-with-content .copy--wrap .copy--group .rich--text {
  text-align: justify;
}

.image-with-content .copy--wrap .copy--group .rich--text a {
  font-weight: 700;
  color: var(--ed-gray-600);
}

.image-with-content .copy--wrap .copy--group .rich--text a:hover {
  color: var(--ed-primary);
}

.image-with-content .copy--wrap .copy--group li strong {
  display: block;
  margin-bottom: 0;
}

.image-with-content .copy--wrap .action--group {
  padding-top: 24px;
}

.image-with-content.reverse .image--wrap {
  order: 2;
  padding-left: 146px;
}

.work-card.image-with-content.reverse .image--wrap {
  padding-left: 0;
}

.image-with-content.reverse .copy--wrap {
  order: 1;
}

.image-with-content.reverse .copy--wrap .copy--group .sub--heading {
  margin-top: -8px;
}

.hire--developer.image-with-content .wrapper {
  gap: 146px;
}

.hire--developer.image-with-content .wrapper * {
  flex: initial;
}

.hire--developer.image-with-content.reverse .image--wrap {
  padding-left: 0;
  position: relative;
}

.hire--developer.image-with-content .image--wrap img {
  height: auto;
  width: auto;
  aspect-ratio: auto 31/40;
}

.hire--developer.image-with-content .image--wrap .clutch-widget {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  background: var(--ed-white);
  width: calc(100% - 30px);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hire--developer.image-with-content .image--wrap .clutch-widget iframe {
  width: 190px;
}

.work--form .select-list {
  display: none;
}

/* .work--form,
.work--list-content{
    display: none !important;
} */
.work--form {
  background-color: var(--ed-white);
}

.work--form .big--container {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 64px;
}

.work--form .select-box {
  width: 33%;
  position: relative;
}

.work--form .select-box .select-value {
  display: block;
  width: 100%;
  padding: 16px 40px 16px 16px;
  cursor: pointer;
  font-family: var(--ed-primary-font);
  font-weight: 600;
  font-size: 16px;
  line-height: 2;
  border: 1px solid var(--ed-gray-300);
}

.work--form .select-box .select-value:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--ed-gray-900);
  transform: translateY(-50%);
}

.work--form .select-box .select-list {
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 24px;
  border: 2px solid var(--ed-gray-900);
  border-radius: 0;
  background-color: var(--ed-white);
  box-shadow: 5px 5px 0 var(--ed-gray-900);
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 9999;
}

.work--form .select-box .select-list>li {
  color: var(--ed-gray-900);
  cursor: pointer;
  font-family: var(--ed-primary-font);
  font-weight: 600;
  font-size: 16px;
  line-height: 2;
}

.work--form .select-box .select-list>li:hover {
  color: var(--ed-primary);
}

.work--list-content .work-card:nth-child(odd) {
  background-color: var(--ed-white);
}

.work--list-content .work-card:nth-child(even) {
  background-color: var(--ed-gray-bg);
}

.work--list-content .work-card:nth-child(even) .wrapper {
  flex-direction: row-reverse;
}

.work--list-content .work-card:nth-child(even) .copy--wrap {
  padding-left: 0;
  padding-right: 80px;
}

@media screen and (max-width: 1680px) {
  .image-with-content:not(.reverse) .image--wrap {
    padding-right: calc(50px + 96 * ((100vw - 1024px) / 1360));
  }

  .image-with-content.reverse .image--wrap {
    padding-left: calc(50px + 96 * ((100vw - 1024px) / 1360));
  }

  .work-card.image-with-content:not(.reverse) .image--wrap {
    padding-right: 0;
  }

  .work-card.image-with-content.reverse .image--wrap {
    padding-left: 0;
  }

  .work-card.image-with-content:not(.reverse) .copy--wrap {
    padding-left: calc(36px + 44 * ((100vw - 1024px) / 1360));
  }

  .work-card.image-with-content.reverse .copy--wrap {
    padding-right: calc(36px + 44 * ((100vw - 1024px) / 1360));
  }

  .work--list-content .work-card:nth-child(even) .copy--wrap {
    padding-left: 0;
    padding-right: calc(36px + 44 * ((100vw - 1024px) / 1360));
  }

  .image-with-content .copy--wrap .copy--group {
    padding-bottom: calc(15px + 9 * ((100vw - 1024px) / 1360));
  }

  .image-with-content .copy--wrap .action--group {
    padding-top: calc(15px + 9 * ((100vw - 1024px) / 1360));
  }

  .hire--developer.image-with-content.reverse .image--wrap {
    padding-left: 0;
  }

  .hire--developer.image-with-content .wrapper {
    gap: calc(50px + 96 * ((100vw - 1024px) / 1360));
  }

  .hire--developer.image-with-content .image--wrap img {
    height: 650px;
  }
}

@media screen and (max-width: 1400px) {
  .hire--developer.image-with-content .image--wrap img {
    height: 550px;
  }
}

@media screen and (max-width: 1199px) {
  .image-with-content .image--wrap img {
    height: auto;
  }

  .image-with-content .wrapper {
    padding: 15px 0;
  }
}

@media screen and (max-width: 991px) {

  .image-with-content .wrapper,
  .image-with-content.flex {
    flex-wrap: wrap;
  }

  .image-with-content .wrapper>*,
  .image-with-content.flex>* {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .image-with-content .wrapper .image--wrap {
    order: 2;
    margin-top: 40px;
  }

  .image-with-content:not(.reverse) .image--wrap {
    padding-right: 0;
  }

  .image-with-content.reverse .image--wrap {
    padding-left: 0;
  }

  .work-card.image-with-content:not(.reverse) .copy--wrap {
    padding-left: 0;
  }

  .work-card.image-with-content.reverse .copy--wrap {
    padding-right: 0;
  }

  .work-card.image-with-content {
    padding-top: 16px;
    padding-bottom: 24px;
    margin-bottom: 36px;
  }

  .work-card.image-with-content .image--wrap,
  .work-card.image-with-content.reverse .image--wrap {
    order: 1;
    margin-top: 0px;
    margin-bottom: 24px;
  }

  .work-card.image-with-content .copy--wrap,
  .work-card.image-with-content.reverse .copy--wrap {
    order: 2;
  }

  .work-card.image-with-content .copy--wrap .copy--group * {
    margin-bottom: 12px;
  }

  .work--process .image-with-content .image--wrap {
    margin-top: 40px;
    padding: 0;
  }

  .work--process .image-with-content .image--wrap img {
    width: 100%;
    height: auto;
  }

  .hire--developer.image-with-content .image--wrap img {
    height: auto;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .work--form .select-box {
    width: 100%;
  }

  .work--form .big--container {
    flex-wrap: wrap;
    padding-top: 24px;
  }
}

@media screen and (max-width: 575px) {
  .image-with-content .wrapper {
    padding: 0;
  }

  .work-card.image-with-content .copy--wrap .copy--group .figures--wrap ul li {
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0;
    flex: 1 0 100%;
  }
}

.services--lists:not(.no-counter) {
  padding: 0;
  counter-reset: counter;
}

.services--lists .service--card {
  border: 1px solid var(--ed-gray-900);
  position: relative;
  margin-bottom: 32px;
}

.services--lists .service--card:last-child {
  margin-bottom: 0;
}

.services--lists .service--card:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--ed-gray-900);
  position: absolute;
  right: -6px;
  bottom: -6px;
}

.services--lists .service--card:hover:after {
  border-color: var(--ed-gray-900);
  background: var(--ed-gray-900);
}

.services--lists .service--card .card--penal {
  display: block;
  padding: 48px 64px;
  background: var(--ed-white);
  position: relative;
  z-index: 2;
}

ul.dashed {
  list-style: none;
  margin-bottom: 0 !important;
}

ul.dashed li:not(:last-child) {
  margin-bottom: 10px !important;
}

ul.dashed li:last-child {
  margin-bottom: 0 !important;
}

ul.dashed li {
  font-size: 18px;
  position: relative;
  padding-left: 30px;
}

ul.dashed li:after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-top: 2px solid var(--ed-black);
  position: absolute;
  left: 11px;
  top: 13px;
  z-index: 5;
}

.services--lists .service--card .card--penal:hover {
  background: var(--ed-gray-bg);
}

.services--lists.with--image .service--card .card--penal {
  padding: 120px 64px 48px 64px;
}

.services--lists .service--card .card--penal * {
  color: var(--ed-gray-600);
}

.services--lists .service--card .card--penal .link {
  color: var(--ed-gray-900);
  text-decoration: underline;
}

.services--lists .service--card .card--penal .link:hover {
  color: var(--ed-primary);
}

.services--lists .service--card .card--penal .h6 {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  color: var(--ed-gray-900);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services--lists:not(.no-counter) .service--card .card--penal *:first-child {
  padding-top: 40px;
}

.services--lists:not(.no-counter) .service--card .card--penal *:first-child:before {
  counter-increment: counter;
  content: counter(counter);
  position: absolute;
  left: 0;
  top: 0;
}

.services--lists.with--image .service--card .card--penal img {
  position: absolute;
  top: 48px;
  left: 64px;
}

.services--lists.with--lefticon .service--card .card--penal {
  padding-left: 112px;
}

.services--lists.with--lefticon .service--card .card--penal .card-icon {
  position: absolute;
  top: 48px;
  left: 32px;
  width: 48px;
  height: 48px;
}

.services--lists.with--lefticon .service--card .card--penal .card-icon>svg {
  position: relative;
  z-index: 2;
  padding: 0;
  background: var(--ed-white);
  display: block;
  border: 1px solid var(--ed-gray-900);
}

.services--lists.with--lefticon .service--card .card--penal .card-icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--ed-gray-900);
  background: var(--ed-gray-900);
  position: absolute;
  right: -4px;
  bottom: -4px;
  z-index: 1;
  transition: all 0.3s ease;
}

.services--lists.with--lefticon .service--card .card--penal:hover .card-icon:after {
  right: 0;
  bottom: 0;
}

.services--lists.with--topicon .service--card {
  width: calc(50% - 12px);
  margin: 0;
}

.services--lists.with--topicon .service--card .card--penal {
  padding: 150px 60px 95px;
  height: 100%;
}

.services--lists.with--topicon .service--card .card--penal .card-icon {
  position: absolute;
  top: 60px;
  left: 60px;
  width: 64px;
  height: 65px;
}

.services--lists.with--topicon .service--card .card--penal .card-icon>svg {
  position: relative;
  z-index: 2;
  padding: 0;
  background: var(--ed-white);
  display: block;
  border: 1px solid var(--ed-gray-900);
}

.services--lists.with--topicon .service--card .card--penal .card-icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--ed-gray-900);
  background: var(--ed-gray-900);
  position: absolute;
  right: -4px;
  bottom: -4px;
  z-index: 1;
  transition: all 0.3s ease;
}

.services--lists.with--topicon .service--card .card--penal:hover .card-icon:after {
  right: 0;
  bottom: 0;
}

.equal--height .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.equal--height .slick-track .slick-slide {
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 12px;
}

.equal--height .slick-track .slick-slide .service--card,
.equal--height .slick-track .slick-slide .service--card .card--penal {
  height: 100%;
}

.equal--height .slick-track .slick-slide .service--card .card--penal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.equal--height .slick-track .slick-slide .service--card .card--penal p {
  margin-bottom: 24px;
}

.equal--height .slick-track .slick-slide .service--card .card--penal a {
  margin-top: auto;
}

.how-we-help .services--lists .service--card {
  width: calc(33.33% - 24px);
}

.how-we-help .services--lists .service--card {
  margin-bottom: 32px;
}

.how-we-help .services--lists .service--card .card--penal {
  height: 100%;
}

.looking--for--services .looking--services .service--card .card--penal p>a {
  font-weight: 600;
  color: var(--ed-gray-900);
}

.looking--for--services .looking--services .service--card .card--penal p>a:hover {
  color: var(--ed-primary);
}

.page--faqs .accordion .panel-content ul {
  list-style: disc;
  padding-left: 30px;
}

.page--faqs .accordion .panel-content ul li {
  list-style: disc;
}

@media screen and (max-width: 1680px) {
  .services--lists .service--card .card--penal {
    padding: calc(32px + 16 * ((100vw - 1024px) / 1360)) calc(32px + 32 * ((100vw - 1024px) / 1360));
  }

  .services--lists.with--lefticon .service--card .card--penal {
    padding-left: 112px;
  }

  .services--lists.with--lefticon .service--card .card--penal .card-icon {
    top: calc(32px + 16 * ((100vw - 1024px) / 1360));
  }

  .services--lists.with--topicon .service--card .card--penal {
    padding: 150px 60px 65px;
  }
}

@media screen and (max-width: 1440px) {
  .services--lists.with--topicon .service--card .card--penal .card-icon {
    top: 40px;
    left: 40px;
    width: 50px;
    height: 50px;
  }

  .services--lists.with--topicon .service--card .card--penal .card-icon svg {
    width: 50px;
    height: 50px;
  }

  .services--lists.with--topicon .service--card .card--penal {
    padding: 130px 40px 40px;
  }

  .vision--mission .services--lists .service--card .card--penal *:first-child {
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 1199px) {

  .services .wrapper,
  .development--services .wrapper,
  .page--faqs .wrapper {
    padding: 15px 0;
  }

  .services--lists.with--lefticon .service--card .card--penal .card-icon {
    width: 40px;
    height: 40px;
    left: 24px;
    top: 24px;
  }

  .services--lists.with--lefticon .service--card .card--penal .card-icon>svg {
    width: 40px;
    height: 40px;
  }

  .services--lists.with--lefticon .service--card .card--penal {
    padding: 24px;
    padding-left: 88px;
  }
}

@media screen and (max-width: 991px) {

  .services .wrapper,
  .services .image-with-content,
  .development--services .wrapper,
  .page--faqs .wrapper {
    flex-wrap: wrap;
  }

  .services .wrapper>*,
  .development--services .wrapper>*,
  .page--faqs .wrapper>* {
    width: 100%;
  }

  .services .wrapper .width--50,
  .development--services .wrapper .width--50,
  .page--faqs .wrapper .width--50,
  .services .image-with-content .width--50 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .services .services--lists {
    margin-top: 40px;
  }

  .how-we-help .services--lists .service--card {
    width: calc(50% - 24px);
  }
}

@media screen and (max-width: 575px) {
  .services--lists.with--lefticon .service--card .card--penal {
    padding: 24px;
    padding-left: 24px;
    padding-top: 88px;
  }

  .how-we-help .services--lists .service--card {
    width: 100%;
  }

  .services--lists.with--topicon .service--card .card--penal .card-icon {
    top: 25px;
    left: 25px;
    width: 40px;
    height: 40px;
  }

  .services--lists.with--topicon .service--card .card--penal .card-icon svg {
    width: 40px;
    height: 40px;
  }

  .services--lists.with--topicon .service--card .card--penal {
    padding: 100px 25px 30px;
  }
}

.accordion--group {
  width: 100%;
  padding: 0;
}

.accordion {
  width: 100%;
}

.accordion .panel--header {
  position: relative;
  user-select: none;
  cursor: pointer;
}

.accordion .panel--header .label {
  user-select: none;
  cursor: pointer;
}

.accordion .panel--header .ui-icon {
  display: none !important;
  height: 0;
  width: 0;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 24px 32px 24px 0;
  font-size: 100%;
  border-radius: 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #000;
  color: #000;
}

.ui-accordion .ui-accordion-content {
  padding: 24px 0 0px;
  border-top: 0;
  overflow: auto;
  border-radius: 0;
  border: none;
}

.ui-accordion .ui-accordion-content a {
  font-weight: 600;
  color: var(--ed-gray-600);
  text-decoration: underline;
}

.ui-accordion .ui-accordion-content a:hover {
  color: var(--ed-primary);
}

.accordion .panel--header .arrow--icon {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}

.accordion .panel--header .arrow--icon svg {
  position: relative;
  display: block;
}

.accordion .panel--header .arrow--icon .plush {
  transform: translate3d(0%, 0%, 0px);
  transform-style: preserve-3d;
  transition: all 0.5s ease;
}

.accordion .panel--header:hover .arrow--icon .plush {
  transform: translate3d(0%, 100%, 0px);
  transform-style: preserve-3d;
}

.accordion .panel--header .arrow--icon .f-plush {
  transform: translate3d(0%, 150%, 0px);
  transform-style: preserve-3d;
  transition: all 0.5s ease;
}

.accordion .panel--header:hover .arrow--icon .f-plush {
  transform: translate3d(0%, -100%, 0px);
  transform-style: preserve-3d;
}

.accordion .panel--header .arrow--icon .minus {
  opacity: 0;
  visibility: hidden;
}

.accordion .panel--header.ui-state-active .arrow--icon path+path:not(.minus) {
  opacity: 0;
  visibility: hidden;
}

.accordion .panel--header.ui-state-active .arrow--icon .minus {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1199px) {
  .accordion--group {
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  .accordion--group {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .main--service--page .accordion--group {
    margin-top: 0px;
  }
}

.switch--group .switch {
  cursor: pointer;
  user-select: none;
}

.switch--group .switch--input {
  display: none;
}

.switch--group .switch .switch--handle {
  display: inline-block;
  width: 176px;
  height: 96px;
  background: rgba(var(--ed-gray-rgb), 0.2);
  vertical-align: middle;
  border-radius: 96px;
  position: relative;
  margin: 0 64px;
}

.switch--group .switch--input:checked+.switch .switch--handle {
  background: var(--ed-success);
}

.switch--group .switch .switch--handle:after {
  content: "";
  display: block;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: var(--ed-white);
  position: absolute;
  left: 4px;
  top: 4px;
  transition: all 0.3s ease;
}

.switch--group .switch--input:checked+.switch .switch--handle:after {
  left: 80px;
}

.switch--group .switch .switch--label {
  font-size: 96px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  vertical-align: middle;
  text-transform: uppercase;
  user-select: none;
  transition: all 0.3s ease;
}

.switch--group .switch .switch--label+.switch--handle+.switch--label {
  opacity: 0.2;
}

.switch--group .switch--input:checked+.switch .switch--label {
  opacity: 0.2;
}

.switch--group .switch--input:checked+.switch .switch--label+.switch--handle+.switch--label {
  opacity: 1;
}

@media screen and (max-width: 1680px) {
  .switch--group .switch .switch--label {
    font-size: calc(60px + 30 * ((100vw - 1200px) / 1360));
  }

  .switch--group .switch .switch--handle {
    width: calc(152px + 24 * ((100vw - 1200px) / 1360));
    height: calc(76px + 20 * ((100vw - 1200px) / 1360));
    margin: 0 calc(40px + 24 * ((100vw - 1200px) / 1360));
  }

  .switch--group .switch .switch--handle:after {
    width: calc(68px + 28 * ((100vw - 1200px) / 1360));
    height: calc(68px + 28 * ((100vw - 1200px) / 1360));
  }
}

@media screen and (max-width: 1199px) {
  .switch--group .switch .switch--label {
    font-size: 48px;
  }

  .switch--group .switch .switch--handle {
    width: 102px;
    height: 56px;
    margin: 0 16px;
  }

  .switch--group .switch .switch--handle:after {
    width: 48px;
    height: 48px;
  }

  .switch--group .switch--input:checked+.switch .switch--handle:after {
    left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .switch--group .switch {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 100%;
  }

  .switch--group .switch .switch--label {
    width: 100%;
    order: 1;
  }

  .switch--group .switch .switch--handle {
    order: 3;
    margin: 16px 0 0;
  }

  .switch--group .switch .switch--handle+.switch--label {
    order: 2;
  }
}

.clients--say {
  padding: 130px 115px;
  background: var(--ed-gray-bg);
}

.clients--say .clients--panel>div {
  gap: 150px;
}

.clients--say .clients--panel .clients--text {
  width: 100%;
}

.clients--say .clients--panel .clients--text picture {
  display: block;
}

.clients--say .clients--panel .clients--text picture img,
.clients--say .clients--panel .clients--text>img {
  height: 40px;
  margin-bottom: 40px;
  max-width: 100%;
  width: auto;
}

.clients--say.one-say .clients--panel .clients--text>img {
  max-height: 70px;
}

.clients--say .clients--panel .clients--text>img.big-logo {
  height: 80px;
  margin-bottom: 24px;
  max-width: 100%;
  width: auto;
}

.clients--say .clients--panel .clients--text>label {
  font-weight: 400;
}

.clients--say .clients--panel .clients--text .c--details {
  margin-top: 40px;
}

.clients--say .clients--panel .clients--text .c--details .c--image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}

.clients--say .clients--panel .clients--text .c--details .c--image img,
.clients--say .clients--panel .clients--text .c--details .c--image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.clients--say .clients--panel .clients--text .c--details .c--text>label {
  font-size: inherit;
}

.clients--say .clients--panel .clients--video {
  transform: translate3d(-100px, 0, 0);
  transition: all 0.5s ease;
}

.clients--say .clients--panel .clients--video:hover {
  transform: translate3d(-75px, -25px, 0);
}

.clients--say .clients--panel .clients--video .play--icon {
  display: block;
  width: 92px;
  height: 92px;
  position: relative;
  cursor: pointer;
}

.clients--say .clients--panel .clients--video .play--icon:after {
  content: "";
  width: 0;
  height: 0;
  opacity: 0;
  background: var(--ed-gray-900);
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease;
  z-index: 1;
}

.clients--say .clients--panel .clients--video:hover .play--icon:after {
  width: 90%;
  height: 90%;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.clients--say .clients--panel .clients--video .play--icon>svg {
  position: relative;
  z-index: 5;
}

.clients--say .clients--panel .clients--video:hover .play--icon>svg>path+path {
  fill: var(--ed-white);
}

.clients--say:after {
  content: "";
  display: block;
  width: 72px;
  height: 132px;
  background: var(--ed-white);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  border-radius: 36px;
  z-index: 2;
}

.clients--say.one-say:after {
  display: none;
}

.clients--say .slick-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: var(--ed-gray-300);
  font-size: 0;
  overflow: hidden;
  cursor: pointer;
  color: var(--ed-gray-300);
  position: absolute;
  right: 0;
  z-index: 5;
}

.clients--say .slick-arrow:hover {
  background: var(--ed-gray-900);
}

.clients--say .slick-arrow.slick-prev {
  top: calc(50% - 30px);
  transform: translate(50%, -50%);
}

.clients--say .slick-arrow.slick-next {
  top: calc(50% + 30px);
  transform: translate(50%, -50%);
}

.clients--say .slick-arrow:after,
.clients--say .slick-arrow:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  background: var(--ed-gray-900);
  border-radius: 4px;
  left: calc(50% - 2px);
  transform: rotate(45deg);
  position: absolute;
}

.clients--say .slick-arrow:hover:after,
.clients--say .slick-arrow:hover:before {
  background: var(--ed-white);
}

.clients--say .slick-arrow:after {
  right: calc(50% - 2px);
  transform: rotate(-45deg);
  left: initial;
}

.clients--say .slick-arrow.slick-next:before {
  transform: rotate(135deg);
}

.clients--say .slick-arrow.slick-next:after {
  transform: rotate(-135deg);
}

@media screen and (max-width: 1680px) {
  .clients--say {
    padding: calc(70px + 60 * ((100vw - 320px) / 1360)) calc(65px + 50 * ((100vw - 320px) / 1360));
  }

  /*.clients--say .clients--panel .clients--text {
        max-width: calc(580px + 135 * ((100vw - 1024px) / 1360));
    }*/

  .clients--say .clients--panel .clients--video {
    transform: translate3d(-75px, 0, 0);
  }

  .clients--say .clients--panel .clients--video:hover {
    transform: translate3d(-55px, -25px, 0);
  }
}

@media screen and (max-width: 1580px) {
  .clients--say {
    width: calc(100% - 56px);
    margin: 0 auto;
  }
}

@media screen and (max-width: 1199px) {
  .clients--say {
    padding: 60px 65px;
  }

  .clients--say .clients--panel>div {
    gap: 90px;
  }

  .clients--say .clients--panel .clients--video {
    transform: translate3d(-30px, 0, 0);
  }

  .clients--say .clients--panel .clients--video:hover {
    transform: translate3d(-15px, -15px, 0);
  }
}

@media screen and (max-width: 991px) {
  .clients--say {
    width: calc(100% - 36px);
    padding: 50px 50px;
  }

  .clients--say .clients--panel,
  .clients--say .clients--panel .flex {
    flex-wrap: wrap;
  }

  .clients--say .clients--panel .clients--text {
    max-width: 100%;
    order: 2;
  }

  .clients--say .clients--panel .clients--video {
    transform: translate3d(0, 0, 0);
    margin-bottom: 36px;
  }

  .clients--say .clients--panel .clients--video:hover {
    transform: translate3d(0, 0, 0);
  }

  .clients--say .clients--panel>div {
    gap: 0px;
  }
}

@media screen and (max-width: 767px) {
  .clients--say {
    width: 100%;
    padding: 30px 30px;
  }

  .clients--say .slick-track {
    padding-bottom: 60px;
  }

  .clients--say:after {
    display: none;
  }

  .clients--say .clients--panel .clients--video .play--icon>svg {
    width: 70px;
  }

  .clients--say .clients--panel .clients--video {
    margin-bottom: 20px;
  }

  .clients--say .clients--panel .clients--text .c--details .c--image {
    margin-right: 10px;
  }

  .clients--say .clients--panel .clients--text .c--details .c--text {
    width: calc(100% - 66px);
  }

  .clients--say .clients--panel .clients--text picture img,
  .clients--say .clients--panel .clients--text>img {
    height: 30px;
    margin-bottom: 20px;
  }

  .clients--say .slick-arrow.slick-prev {
    right: initial;
    top: initial;
    bottom: 30px;
    left: 30px;
    transform: rotate(270deg);
  }

  .clients--say .slick-arrow.slick-next {
    right: initial;
    left: 100px;
    top: initial;
    bottom: 30px;
    transform: rotate(-90deg);
  }
}

.area--expertise .expertise--wrapper {
  margin-left: calc((100% - 1460px) / 2);
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  transition: all 0.2s;
  transform: scale(0.98);
  will-change: transform;
  user-select: none;
  cursor: pointer;
  display: flex;
  gap: 24px;
  padding-bottom: 64px;
  max-width: 1700px;
}

.area--expertise .expertise--wrapper .expertise--card {
  flex: 1 0 auto;
  width: 537px;
  white-space: initial;
}

.area--expertise .expertise--wrapper .expertise--card>a {
  display: block;
  position: relative;
  background: var(--ed-gray-50);
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.area--expertise .expertise--wrapper .expertise--card .expertise--brand {
  height: 400px;
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition: all 0.2s ease;
}

.area--expertise .expertise--wrapper .expertise--card:hover .expertise--brand {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.area--expertise .expertise--wrapper .expertise--card .action--group {
  padding: 35px 45px 50px;
  position: relative;
  z-index: 3;
}

.area--expertise .expertise--wrapper .expertise--card .action--group label {
  width: calc(100% - 36px);
  padding-right: 25px;
  color: var(--ed-gray-900);
}

.area--expertise .expertise--wrapper .expertise--card .action--group label>img {
  width: 24px;
  height: 24px;
  margin-top: -7px;
}

.area--expertise .expertise--wrapper .expertise--card .action--group .arrow--icon {
  height: 36px;
  width: 36px;
  overflow: hidden;
  border-radius: 50%;
}

.area--expertise .expertise--wrapper .expertise--card .action--group .arrow--icon>svg {
  position: relative;
  display: block;
}

.area--expertise .expertise--wrapper .expertise--card .action--group .arrow--icon>svg path {
  transform: translate3d(0%, 0%, 0px);
  transform-style: preserve-3d;
  transition: all 0.5s ease;
}

.area--expertise .expertise--wrapper .expertise--card:hover .action--group .arrow--icon>svg path {
  transform: translate3d(0%, -100%, 0px);
  transform-style: preserve-3d;
  transition: all 0.5s ease;
}

.area--expertise .expertise--wrapper .expertise--card .action--group .arrow--icon>svg path+path {
  transform: translate3d(0%, 100%, 0px);
  transform-style: preserve-3d;
  transition: all 0.5s ease;
}

.area--expertise .expertise--wrapper .expertise--card:hover .action--group .arrow--icon>svg path+path {
  transform: translate3d(0%, 0%, 0px);
  transform-style: preserve-3d;
  transition: all 0.5s ease;
}

.area--expertise .expertise--wrapper .expertise--card .action--group .arrow--icon>svg rect {
  transition: all 0.5s ease;
}

.area--expertise .expertise--wrapper .expertise--card:hover .action--group .arrow--icon>svg rect {
  fill: var(--ed-gray-900);
}

.area--expertise .expertise--wrapper .expertise--card .desciption--group {
  position: absolute;
  top: 0;
  left: 0;
  height: 400px;
  padding: 45px;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease;
}

.area--expertise .expertise--wrapper .expertise--card .desciption--group p {
  text-align: justify;
  color: var(--ed-gray-600);
}

.area--expertise .expertise--wrapper .expertise--card .desciption--group p strong {
  text-transform: capitalize;
}

.area--expertise .expertise--wrapper .expertise--card .desciption--group p strong span {
  text-transform: none;
}

.area--expertise .expertise--wrapper .expertise--card:hover .desciption--group {
  visibility: visible;
  opacity: 1;
  z-index: 3;
}

.area--expertise .expertise--wrapper .expertise--card .back {
  background: #efefef;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

.area--expertise .expertise--wrapper .expertise--card:hover .back {
  opacity: 1;
  visibility: visible;
}

.area--expertise .expertise--wrapper .expertise--card>a:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 86px;
  right: 45px;
  background: transparent;
  height: 36px;
  width: 36px;
  border-radius: 36px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.5s ease-out;
}

.area--expertise .expertise--wrapper .expertise--card>a:hover:before {
  transform: scale(40);
  background: #e1e1e1;
}

.area--expertise .expertise--wrapper .expertise--card .back p {
  color: var(--ed-gray-900);
}

.area--expertise .expertise--wrapper .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.area--expertise .expertise--wrapper .slick-track .slick-slide {
  margin: 0 12px;
  background: var(--ed-gray-bg);
  height: auto;
}

.area--expertise .expertise--wrapper .slick-track .slick-slide>div,
.area--expertise .expertise--wrapper .slick-track .slick-slide>div>div,
.area--expertise .expertise--wrapper .slick-track .slick-slide>div>div>a {
  height: 100%;
}

.area--expertise .expertise--wrapper .slick-dots {
  background: var(--ed-gray-300);
}

.expertise--wrapper .slick-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--ed-gray-300);
  transition: all 0.3s ease;
  position: absolute;
  top: -190px;
  z-index: 9;
}

.expertise--wrapper .slick-arrow.next {
  right: calc(((100% - 1460px) / 2) + 125px);
}

.expertise--wrapper .slick-arrow.prev {
  right: calc(((100% - 1460px) / 2) + 185px);
}

.expertise--wrapper .slick-arrow:hover {
  cursor: pointer;
  background: var(--ed-primary);
}

.expertise--wrapper .slick-arrow path {
  transition: all 0.3s ease;
}

.expertise--wrapper .slick-arrow:hover path {
  stroke: var(--ed-white);
}

.expertise--wrapper .slick-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-top: 64px;
  height: 0px;
}

.expertise--wrapper .slick-dots li {
  width: 100%;
}

.expertise--wrapper .slick-dots li button {
  font-size: 0;
  background: var(--ed-gray-300);
  border: none;
  width: 100%;
  height: 2px;
  transition: all 0.3s ease;
}

.expertise--wrapper .slick-dots li.slick-active button {
  height: 5px;
  background: var(--ed-black);
}

@media screen and (max-width: 1560px) {
  .area--expertise .expertise--wrapper {
    margin-left: 26px;
  }

  .area--expertise .expertise--wrapper .expertise--card {
    width: 480px;
  }
}

@media screen and (max-width: 1199px) {
  .area--expertise .expertise--wrapper .expertise--card {
    width: 420px;
  }

  .area--expertise .expertise--wrapper {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .area--expertise .expertise--wrapper .expertise--card {
    width: 315px;
  }

  .area--expertise .expertise--wrapper {
    margin-left: 16px;
    gap: 16px;
  }

  .area--expertise .expertise--wrapper .expertise--card .desciption--group {
    padding: 24px;
  }

  .area--expertise .expertise--wrapper .expertise--card .action--group label {
    padding-right: 15px;
  }

  .area--expertise .expertise--wrapper .expertise--card .action--group label>img {
    width: 20px;
    height: 20px;
    margin-top: -4px;
  }

  .area--expertise .expertise--wrapper .expertise--card .action--group {
    padding: 24px 24px 24px;
  }

  .area--expertise .expertise--wrapper .expertise--card .desciption--group p {
    overflow: auto;
    height: 100%;
  }
}

.faq--wrapper .faq--list {
  width: 240px;
}

.faq--wrapper .faq--list>li {
  margin-bottom: 16px;
}

.faq--wrapper .faq--list>li label {
  font-size: inherit;
  cursor: pointer;
}

.faq--wrapper .faq--list>li .ui-tabs-anchor {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--ed-gray-300);
  color: var(--ed-gray-900);
}

.faq--wrapper .faq--list>li .ui-tabs-anchor svg {
  margin-right: 16px;
  cursor: pointer;
}

.faq--wrapper .faq--list>li .ui-tabs-anchor svg>path {
  stroke: var(--ed-gray-900);
}

.faq--wrapper .faq--list>li .ui-tabs-anchor:hover,
.faq--wrapper .faq--list>li.ui-tabs-active .ui-tabs-anchor {
  border-color: var(--ed-primary);
  color: var(--ed-primary);
  background: rgba(var(--ed-primary-rgb), 0.1);
}

.faq--wrapper .faq--list>li .ui-tabs-anchor:hover svg>path,
.faq--wrapper .faq--list>li.ui-tabs-active .ui-tabs-anchor svg>path {
  stroke: var(--ed-primary);
}

.faq--wrapper .faq--details--group {
  width: calc(100% - 240px);
  padding-left: 120px;
}

.faq--wrapper .faq--form--penal {
  padding: 0 24px 64px;
}

.faq--wrapper .faq--form--wrapper {
  position: relative;
}

.faq--wrapper .faq--form--wrapper .form--controller {
  padding: 22px 14px 22px 56px;
  width: 100%;
  background: var(--ed-white);
  border: 1px solid var(--ed-gray-300);
  font-size: 16px;
  line-height: 24px;
  color: var(--ed-gray-900);
}

.faq--wrapper .faq--form--wrapper svg {
  position: absolute;
  top: 49%;
  left: 0;
  transform: translate(24px, -50%);
}

.faq--live {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.faq--live .banner--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.faq--live .overlay-image:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(44, 36, 34, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  filter: grayscale(1);
}

.faq--live .banner--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.faq--live .live--box {
  position: relative;
  z-index: 5;
  width: 880px;
  padding: 64px 96px;
  background: rgba(255, 255, 255, 0.8);
}

.faq--live .live--box .box--user ul {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.faq--live .live--box .box--user .user {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--ed-white);
}

.faq--live .live--box .box--user .user:not(:first-child) {
  margin-left: -25px;
}

.faq--live .live--box .box--user .user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.faq--live .live--box .box--user .online {
  display: inline-block;
  vertical-align: baseline;
  width: 15px;
  height: 15px;
  background: var(--ed-success);
  border-radius: 50%;
  border: 2px solid var(--ed-white);
  margin-left: -15px;
}

.faq--live .live--box .box--content {
  margin-top: 24px;
}

.faq--live .live--box .box--content h3 {
  margin-bottom: 8px;
}

.faq--live .live--box .box--content .ed--btn {
  margin-top: 32px;
  display: inline-block;
}

.faq--wrapper .faq--form--wrapper ::-webkit-input-placeholder {
  color: var(--ed-gray-400);
}

.faq--wrapper .faq--form--wrapper ::-moz-placeholder {
  color: var(--ed-gray-400);
}

.faq--wrapper .faq--form--wrapper :-ms-input-placeholder {
  color: var(--ed-gray-400);
}

.faq--wrapper .faq--form--wrapper :-moz-placeholder {
  color: var(--ed-gray-400);
}

.faq--wrapper .accordion .panel--header label {
  font-size: 20px;
}

@media screen and (min-width: 1920px) {
  .faq--live {
    max-width: 100%;
  }
}

@media screen and (max-width: 1680px) {
  .faq--wrapper .faq--details--group {
    padding-left: calc(60px + 60 * ((100vw - 1200px) / 1360));
  }

  .faq--wrapper .faq--form--penal {
    padding: 0 24px calc(44px + 20 * ((100vw - 1200px) / 1360));
  }

  .faq--live .live--box {
    padding: calc(54px + 10 * ((100vw - 1200px) / 1360)) calc(66px + 30 * ((100vw - 1200px) / 1360));
  }
}

@media screen and (max-width: 1199px) {
  .faq--wrapper .faq--details--group {
    padding-left: 50px;
  }

  .faq--wrapper .faq--form--penal {
    padding: 0 0 40px;
  }

  .faq--live .live--box {
    width: 75%;
    padding: 36px 40px;
  }
}

@media screen and (max-width: 991px) {
  .faq--wrapper .faq--details--group {
    padding-left: 0;
  }

  .faq--wrapper .faq--form--penal {
    padding: 0 0 30px;
  }

  .faq--page .faq--wrapper.flex {
    flex-wrap: wrap;
    padding-top: 15px;
  }

  .faq--wrapper .faq--details--group {
    width: 100%;
  }

  .faq--wrapper .faq--list {
    width: 100%;
    display: flex;
    overflow: auto;
    margin-bottom: 30px;
    gap: 16px;
  }

  .faq--wrapper .faq--list>li {
    margin-bottom: 0;
    display: inline-block;
  }

  .faq--wrapper .faq--details--group .accordion--group {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .faq--live .live--box {
    width: 100%;
    padding: 40px 40px;
  }

  .faq--live .live--box .box--user {
    text-align: center;
  }

  .faq--live .live--box .box--content {
    text-align: center;
  }
}

.page--main {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.page--wrapper {
  overflow: hidden;
}

.coreValues .coreValues--slider {
  margin-left: calc((100% - 1460px) / 2);
  max-width: 1700px;
}

.coreValues--slider .slick-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--ed-gray-300);
  transition: all 0.3s ease;
  position: absolute;
  top: -140px;
  z-index: 9;
}

.coreValues--slider .slick-arrow.next {
  right: calc(((100% - 1460px) / 2) + 125px);
}

.coreValues--slider .slick-arrow.prev {
  right: calc(((100% - 1460px) / 2) + 185px);
}

.coreValues--slider .slick-arrow:hover {
  cursor: pointer;
  background: var(--ed-primary);
}

.coreValues--slider .slick-arrow path {
  transition: all 0.3s ease;
}

.coreValues--slider .slick-arrow:hover path {
  stroke: var(--ed-white);
}

.coreValues--slider .slick-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-top: 64px;
}

.coreValues--slider .slick-dots li {
  width: 100%;
}

.coreValues--slider .slick-dots li button {
  font-size: 0;
  background: var(--ed-gray-300);
  border: none;
  width: 100%;
  height: 2px;
  transition: all 0.3s ease;
}

.coreValues--slider .slick-dots li.slick-active button {
  height: 5px;
  background: var(--ed-black);
}

@media screen and (max-width: 1560px) {
  .coreValues .coreValues--slider {
    margin-left: 26px;
  }

  .coreValues--slider .slick-arrow.next {
    right: 50px;
  }

  .coreValues--slider .slick-arrow.prev {
    right: 110px;
  }
}

@media screen and (max-width: 1199px) {
  .coreValues {
    padding-top: 15px;
  }
}

@media screen and (max-width: 1023px) {
  .coreValues--slider .slick-arrow.next {
    right: 30px;
  }

  .coreValues--slider .slick-arrow.prev {
    right: 90px;
  }
}

@media screen and (max-width: 991px) {
  .coreValues .title--group.p--96 {
    padding-bottom: 115px;
  }

  .coreValues--slider .slick-arrow {
    top: -80px;
  }

  .coreValues--slider .slick-arrow.prev {
    right: inherit;
    left: 12px;
  }

  .coreValues--slider .slick-arrow.next {
    right: inherit;
    left: 76px;
  }

  .coreValues--slider .slick-dots {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .coreValues .coreValues--slider {
    margin-left: 16px;
  }

  .coreValues--slider .slick-dots {
    margin-top: 32px;
  }
}

.campus--placement .campus--placement--slider {
  margin-left: 100px;
  max-width: calc(1920px - 100px);
  margin-right: auto;
}

.campus--placement--slider .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: 196px;
  margin: 0 -12px;
}

.campus--placement--slider .slick-track .slick-slide {
  height: auto;
  padding: 0 12px;
  transition: all 0.3s ease;
}

.campus--placement--slider .slick-track .slick-slide div {
  height: 100%;
}

.campus--placement--slider .slick-track .slick-slide picture {
  height: 100%;
}

.campus--placement--slider .slick-track .slick-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.campus--placement--slider .slick-track .slick-slide.slick-current+.slick-active+.slick-active {
  margin-top: -96px;
}

.campus--placement--slider .slick-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--ed-gray-bg);
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  z-index: 9;
}

.campus--placement--slider .slick-arrow.next {
  left: 50%;
  margin-left: 12px;
}

.campus--placement--slider .slick-arrow.prev {
  right: 50%;
}

.campus--placement--slider .slick-arrow:hover {
  cursor: pointer;
  background: var(--ed-primary);
}

.campus--placement--slider .slick-arrow path {
  transition: all 0.3s ease;
}

.campus--placement--slider .slick-arrow:hover path {
  stroke: var(--ed-white);
}

@media screen and (min-width: 1921px) {
  .campus--placement .campus--placement--slider {
    max-width: 1920px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1560px) {
  .campus--placement .campus--placement--slider {
    margin-left: 50px;
  }
}

@media screen and (max-width: 1199px) {
  .campus--placement--slider .slick-arrow {
    top: 24px;
  }

  .campus--placement--slider .slick-arrow.next {
    left: 48px;
  }

  .campus--placement--slider .slick-arrow.prev {
    left: 0;
  }
}

@media screen and (max-width: 1023px) {
  .campus--placement .campus--placement--slider {
    margin-left: 30px;
  }
}

@media screen and (max-width: 991px) {
  .campus--placement--slider .slick-track {
    padding-top: 120px;
  }

  .campus--placement--slider .slick-arrow {
    top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .campus--placement .campus--placement--slider {
    margin-left: 16px;
  }
}

.life--karvex .life--karvex--wrap {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.life--karvex .life--karvex--wrap img {
  max-width: 420px;
  height: auto;
  margin: 10px;
  filter: grayscale(1);
  transition: all 0.3s ease;
}

.life--karvex .life--karvex--wrap img:hover {
  filter: grayscale(0);
}

.vision--mission .services--lists .service--card .card--penal *:first-child {
  padding-bottom: 24px;
}

@media screen and (min-width: 1920px) {
  .life--karvex .life--karvex--wrap {
    max-width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .vision--mission .services--lists {
    flex-wrap: wrap;
  }

  .vision--mission .services--lists .service--card {
    width: 100%;
    margin: 15px auto;
  }
}

.looking--services .slick-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: 64px auto 0;
  width: 300px;
}

.looking--services .slick-dots li {
  width: 100%;
}

.looking--services .slick-dots li button {
  font-size: 0;
  background: var(--ed-gray-300);
  border: none;
  width: 100%;
  height: 2px;
  transition: all 0.3s ease;
}

.looking--services .slick-dots li.slick-active button {
  height: 5px;
  background: var(--ed-black);
}

@media screen and (max-width: 991px) {
  .looking--services .slick-dots {
    width: 100%;
    margin-top: 40px;
  }
}

.collapse--group .content--group .content p {
  margin-bottom: 32px;
}

.collapse--group .content--group .content .width {
  width: calc(100% - 270px);
}

.collapse--group .content--group .content .width+.width {
  width: 240px;
}

.collapse--group .content--group .content .width+.width p+p {
  font-weight: 600;
}

.collapse--group .content--group .listing ul {
  list-style: none;
}

.collapse--group .content--group .listing p {
  margin-bottom: 32px;
  margin-top: 24px;
}

.collapse--group .content--group .listing ul li {
  font-size: 18px;
  position: relative;
  padding-left: 40px;
}

.collapse--group .content--group .listing ul li:not(last-child) {
  margin-bottom: 20px;
}

.collapse--group .content--group .listing ul li:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: var(--ed-black);
  border-radius: 50%;
  position: absolute;
  left: 0;
  z-index: 2;
}

.collapse--group .content--group .listing ul li:after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  height: 10.5px;
  width: 6.5px;
  border-bottom: 2px solid var(--ed-white);
  border-right: 2px solid var(--ed-white);
  position: absolute;
  left: 11px;
  top: 6px;
  z-index: 5;
}

.collapse--group .content--group .action--group {
  margin-top: 32px;
}

.collapse--group .content--group .action--group svg {
  margin-left: 14px;
}

.collapse--group .content--group .action--group span {
  font-weight: 600;
}

.collapse--group .content--group .action--group a:hover svg path {
  transition: all 0.3s ease;
}

.collapse--group .content--group .action--group a:hover svg path {
  stroke: var(--ed-gray-600);
}

.collapse--group .collapse--penal .title svg {
  width: 60px;
  height: 60px;
  background: #d8eee0;
  border: 10px solid #ebf6f0;
  border-radius: 50%;
  padding: 8px;
  vertical-align: middle;
  margin-right: 16px;
}

.collapse--group .collapse--penal .title span {
  vertical-align: middle;
}

.point-listing ul {
  list-style: none;
}

.point-listing ul li {
  font-size: 18px;
  position: relative;
  padding-left: 40px;
}

.point-listing ul li:not(last-child) {
  margin-bottom: 20px;
}

.point-listing ul li:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: var(--ed-black);
  border-radius: 50%;
  position: absolute;
  left: 0;
  z-index: 2;
}

.point-listing ul li:after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  height: 10.5px;
  width: 6.5px;
  border-bottom: 2px solid var(--ed-white);
  border-right: 2px solid var(--ed-white);
  position: absolute;
  left: 11px;
  top: 6px;
  z-index: 5;
}

@media screen and (max-width: 1199px) {
  .collapse--group .content--group .content.flex {
    flex-wrap: wrap;
    margin-bottom: 24px;
  }

  .collapse--group .content--group .content .width,
  .collapse--group .content--group .content .width+.width {
    width: 100%;
  }

  .collapse--group .content--group .content p {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 991px) {
  .collapse--group .collapse--penal.flex {
    flex-wrap: wrap;
    border-top: 1px solid var(--ed-gray-300);
    padding: 40px 0 !important;
  }

  .collapse--group .collapse--penal.flex>* {
    flex: 0 0 100%;
    max-width: 100%;
    border: none;
  }

  .point-listing ul li {
    font-size: 16px;
  }
}

.facts--figures {
  overflow: hidden;
}

.figures--wrap ul {
  overflow: hidden;
}

.figures--wrap ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex: 1 0 50%;
  border-left: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  margin-left: calc(-1 * 1px);
  margin-bottom: calc(-1 * 1px);
  height: 136px;
  padding: 0 30px;
  transition: all 0.5s ease;
}

.figures--wrap.three-col ul li {
  flex: 1 0 33.33%;
}

.figures--wrap.auto-width ul li:first-child {
  align-items: flex-end;
}

.figures--wrap.auto-width ul li:first-child * {
  text-align: right;
}

.figures--wrap.auto-width ul li p,
.figures--wrap.three-col ul li p {
  text-transform: capitalize;
}

.zoom--logo {
  margin-right: -150px;
}

@media screen and (max-width: 1680px) {
  .zoom--logo {
    margin-right: calc(0px + 0 * ((100vw - 1440px) / 1360));
    text-align: center;
  }

  .zoom--logo img {
    width: 550px;
  }
}

@media screen and (max-width: 1440px) {
  .zoom--logo {
    margin-right: 0;
    text-align: center;
  }

  .zoom--logo img {
    width: 480px;
  }

  .figures--wrap ul li {
    padding: 0 15px;
  }

  .figures--wrap ul li h5 {
    font-size: 22px;
  }

  .figures--wrap ul li p {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .facts--figures .flex {
    flex-wrap: wrap;
  }

  .figures--wrap.auto-width ul li:first-child * {
    text-align: left;
  }

  .facts--figures .flex .width--50 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }

  .zoom--logo {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .figures--wrap ul li {
    flex: 1 0 100%;
  }

  .figures--wrap.auto-width ul li:first-child {
    align-items: flex-start;
  }
}

.workPhilosophy {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.workPhilosophy .wrapper {
  position: relative;
  z-index: 9;
}

.workPhilosophy .image--wrap,
.workPhilosophy .image--wrap picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.workPhilosophy .image--wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.workPhilosophy:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(44, 36, 34, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  filter: grayscale(1);
}

.workPhilosophy .title--group {
  width: calc(50% - (100% - 1460px) / 2);
  margin-left: calc((100% - 1460px) / 2);
}

.workPhilosophy.cta--section .title--group {
  width: calc(65% - (100% - 1460px) / 2);
  margin-left: calc((100% - 1460px) / 2);
}

.workPhilosophy .title--group .title,
.workPhilosophy .title--group .details {
  color: var(--ed-white);
}

.workPhilosophy--slider .slick-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--ed-gray-300);
  transition: all 0.3s ease;
  position: absolute;
  bottom: -75px;
  z-index: 9;
}

.workPhilosophy--slider .slick-arrow.next {
  left: 75px;
}

.workPhilosophy--slider .slick-arrow.prev {
  left: 10px;
}

.workPhilosophy--slider .slick-arrow:hover {
  cursor: pointer;
  background: var(--ed-primary);
}

.workPhilosophy--slider .slick-arrow path {
  transition: all 0.3s ease;
}

.workPhilosophy--slider .slick-arrow:hover path {
  stroke: var(--ed-white);
}

@media screen and (min-width: 1920px) {
  .workPhilosophy {
    max-width: 100%;
  }
}

@media screen and (max-width: 1680px) {
  .workPhilosophy .title--group {
    width: 50%;
    margin-left: 50px;
  }

  .workPhilosophy .title--group.full--width {
    width: 60%;
    margin-left: 50px;
  }
}

@media screen and (max-width: 991px) {
  .workPhilosophy .title--group {
    margin-left: 30px;
  }
}

@media screen and (max-width: 767px) {
  .workPhilosophy {
    padding-bottom: 100px !important;
  }

  .workPhilosophy .wrapper>.flex {
    flex-wrap: wrap;
  }

  .workPhilosophy .title--group {
    width: 100%;
    margin-left: 0;
    padding: 0 16px 24px 16px;
  }

  .workPhilosophy .width--50 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .workPhilosophy .title--group.full--width {
    width: 100%;
    margin-left: 0px;
  }
}

.people--lists {
  padding: 0;
}

.people--lists .people--card {
  border: 1px solid var(--ed-gray-900);
  position: relative;
  margin-bottom: 32px;
}

.people--lists .people--card:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--ed-gray-900);
  position: absolute;
  right: -6px;
  bottom: -6px;
}

.people--lists .people--card:hover:after {
  background: var(--ed-gray-900);
}

.people--lists .people--card .card--penal {
  display: block;
  padding: 16px 10px 10px;
  background: var(--ed-white);
  position: relative;
  z-index: 2;
}

.people--lists .people--card .card--penal * {
  color: var(--ed-gray-600);
}

.people--lists .people--card .card--penal .content {
  margin-bottom: 16px;
  position: relative;
}

.people--lists .people--card .card--penal .content .linkedin {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  opacity: 0.2;
  z-index: 9;
  cursor: pointer;
  transition: all 0.3s ease;
}

.people--lists .people--card .card--penal:hover .content .linkedin {
  opacity: 1;
  transform: scale(1.6);
}

.people--lists .people--card .card--penal:hover .content .linkedin svg path {
  fill: rgb(10, 102, 194);
}

.people--lists .people--card .card--penal .content .name {
  line-height: 32px;
  display: inline-block;
  width: 100%;
  padding-right: 40px;
}

.people--lists .people--card .card--penal:hover .content .name {
  opacity: 0.5;
}

.people--lists .people--card .card--penal .content .des {
  opacity: 0.5;
  width: 100%;
  height: 51px;
}

.people--lists .people--card .card--penal .image {
  width: 270px;
  height: 300px;
}

.people--lists .people--card .card--penal .image picture,
.people--lists .people--card .card--penal .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.people--slider {
  margin-left: calc((100% - 1460px) / 2);
  margin-right: calc((100% - 1460px) / 2);
}

.people--slider .slick-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-top: 64px;
}

.people--slider .slick-dots li {
  width: 100%;
}

.people--slider .slick-dots li button {
  font-size: 0;
  background: var(--ed-gray-300);
  border: none;
  width: 100%;
  height: 2px;
  transition: all 0.3s ease;
}

.people--slider .slick-dots li.slick-active button {
  height: 5px;
  background: var(--ed-black);
}

@media (min-width: 1200px) and (max-height: 870px) {
  .peopleSuccess .title--group .action--group {
    margin-top: 10px;
  }

  .peopleSuccess .title--group .action--group svg {
    max-width: 130px;
  }

  .peopleSuccess .title--group {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .people--lists .people--card .card--penal .content .des {
    height: initial;
    font-size: 15px;
  }

  .people--lists .people--card .card--penal .image {
    width: 230px;
    height: 269px;
  }
}

@media screen and (max-width: 1510px) {
  .people--slider {
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1023px) {
  .people--slider {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .peopleSuccess .action--group {
    display: none;
  }

  .peopleSuccess .title--content .title br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .people--slider {
    margin-left: 16px;
    margin-right: 16px;
    overflow: auto;
  }

  .people--lists .people--card .card--penal .image {
    width: 247px;
    height: 289px;
  }
}

.technologies--listing .accordion--group {
  padding: 0;
  margin: 0 auto;
  max-width: 1920px;
}

.technologies--listing .ui-accordion .ui-accordion-header {
  border: none;
  background: #f4f4f4;
  border-top: 1px solid #e1e1e1;
  box-shadow: 4px 0px 20px rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 50px 0;
}

.technologies--listing .accordion .panel--header label {
  position: absolute;
  top: -40px;
  z-index: 5;
  width: 316px;
  display: block;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.technologies--listing .accordion .panel--header svg {
  position: absolute;
  top: -63px;
  z-index: 2;
}

.technologies--listing .ui-accordion .ui-accordion-header.ui-state-active {
  background: var(--ed-white);
  border-color: var(--ed-gray-900);
  box-shadow: none;
}

.technologies--listing .ui-accordion .ui-accordion-header.ui-state-active svg path {
  fill: var(--ed-white);
  stroke: var(--ed-gray-900);
}

.technologies--listing .panel--header label,
.technologies--listing .panel--header svg {
  left: calc((100% - 1460px) / 2);
}

.technologies--listing .panel--header:nth-child(3) label,
.technologies--listing .panel--header:nth-child(3) svg {
  left: calc((100% - 730px) / 2);
}

.technologies--listing .panel--header:nth-child(5) label,
.technologies--listing .panel--header:nth-child(5) svg {
  left: initial;
  right: calc((100% - 730px) / 2);
}

.technologies--listing .panel--header:nth-child(7) label,
.technologies--listing .panel--header:nth-child(7) svg {
  left: initial;
  right: calc((100% - 1460px) / 2);
}

.technologies--listing .panel--header:nth-child(9) label,
.technologies--listing .panel--header:nth-child(9) svg {
  left: initial;
  right: calc((100% - 316px) / 2);
}

.technologies--listing .panel--header:nth-child(11) label,
.technologies--listing .panel--header:nth-child(11) svg {
  left: calc((100% - 1460px) / 2);
}

.technologies--listing .panel--header:nth-child(13) label,
.technologies--listing .panel--header:nth-child(13) svg {
  left: initial;
  right: calc((100% - 1080px) / 2);
}

.technologies--listing .panel--header:nth-child(15) label,
.technologies--listing .panel--header:nth-child(15) svg {
  left: calc((100% - 730px) / 2);
}

.tech--group .tech--card {
  width: 20%;
  margin: 25px 0;
}

.tech--group .tech--card a {
  border: 1px solid var(--ed-gray-300);
  padding: 25px;
  width: 100px;
  border-radius: 50%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.6;
  transform: scale(1);
  transition: all 0.3s ease;
}

.tech--group .tech--card a:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1);
  padding: 15px;
  cursor: grab;
}

.tech--group .tech--card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.tech--group .tech--card label {
  font-weight: 400;
  margin: 10px auto;
  text-align: center;
}

@media screen and (min-width: 1920px) {
  .technologies--listing .accordion--group {
    max-width: 100%;
  }
}

@media screen and (max-width: 1560px) {

  .technologies--listing .panel--header label,
  .technologies--listing .panel--header svg {
    left: 50px;
  }

  .technologies--listing .panel--header:nth-child(7) label,
  .technologies--listing .panel--header:nth-child(7) svg {
    left: initial;
    right: 50px;
  }

  .technologies--listing .panel--header:nth-child(11) label,
  .technologies--listing .panel--header:nth-child(11) svg {
    left: 50px;
  }

  .technologies--listing .panel--header:nth-child(3) label,
  .technologies--listing .panel--header:nth-child(3) svg {
    left: calc((100% - 560px) / 2);
  }

  .technologies--listing .panel--header:nth-child(5) label,
  .technologies--listing .panel--header:nth-child(5) svg {
    left: initial;
    right: calc((100% - 560px) / 2);
  }

  .tech--group .tech--card a {
    padding: 20px;
    width: 90px;
  }
}

@media screen and (max-width: 1199px) {

  .technologies--listing .panel--header:nth-child(13) label,
  .technologies--listing .panel--header:nth-child(13) svg {
    left: initial;
    right: 50px;
  }

  .tech--group .tech--card {
    width: 25%;
  }
}

@media screen and (max-width: 991px) {

  .technologies--listing .panel--header:nth-child(3) label,
  .technologies--listing .panel--header:nth-child(3) svg {
    left: calc((100% - 480px) / 2);
  }

  .technologies--listing .panel--header:nth-child(5) label,
  .technologies--listing .panel--header:nth-child(5) svg {
    left: initial;
    right: calc((100% - 480px) / 2);
  }

  .technologies--listing .ui-accordion .ui-accordion-content .wrapper {
    flex-wrap: wrap;
    padding-top: 0;
  }

  .technologies--listing .ui-accordion .ui-accordion-content .wrapper>* {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .technologies--listing .ui-accordion .ui-accordion-content .wrapper .tech--group {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .technologies--listing .accordion .panel--header svg {
    top: -57px;
    left: 10px;
    width: 260px;
  }

  .technologies--listing .accordion .panel--header label {
    width: 260px;
    left: 10px;
  }

  .technologies--listing .ui-accordion .ui-accordion-content .wrapper .title--group .title--content .title {
    display: none;
  }

  .tech--group .tech--card {
    width: 33.33%;
  }

  .tech--group .tech--card label {
    font-size: 14px;
    text-align: center;
  }
}

@media screen and (max-width: 575px) {
  .tech--group .tech--card a {
    padding: 16px;
    width: 80px;
  }
}

@media screen and (max-width: 360px) {
  .tech--group .tech--card {
    width: 50%;
  }
}

.process-container {
  display: inline-block;
  width: 100%;
}

.process-wrapper {
  position: relative;
  height: 325px;
  width: 1280px;
  margin: 0 auto;
}

.process-wrapper ul {
  position: absolute;
  height: 26px;
  width: 100%;
  top: 0px;
  bottom: 0;
  margin: auto;
  list-style: none;
}

.process-wrapper ul li {
  margin-right: 1.112%;
  border: 2px solid rgba(65, 147, 97, 0.3);
  position: relative;
  background-color: rgba(196, 229, 209, 0.3);
  height: 100%;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  flex: 0 0 auto;
}

.process-wrapper ul li span {
  position: absolute;
  left: 0;
  top: -110px;
  font-size: 12px;
  line-height: 20px;
  transform: translateY(50%);
  opacity: 0;
}

.process-wrapper ul li label {
  position: absolute;
  left: 0;
  top: -95px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-weight: 600;
  transform: translateY(50%);
  opacity: 0;
}

.process-wrapper ul li:nth-child(1),
.process-wrapper ul li:nth-child(2),
.process-wrapper ul li:nth-child(5) {
  width: 7.64%;
}

.process-wrapper ul li:nth-child(3),
.process-wrapper ul li:nth-child(4),
.process-wrapper ul li:nth-child(8),
.process-wrapper ul li:nth-child(9) {
  width: 3.681%;
  border: 2px solid rgba(65, 147, 97, 0.3);
  background-color: rgba(196, 229, 209, 0.3);
}

.process-wrapper ul li:nth-child(6) {
  width: 17.223%;
}

.process-wrapper ul li:nth-child(7),
.process-wrapper ul li:nth-child(10) {
  width: 15.417%;
}

.process-wrapper ul li:nth-child(11) {
  width: 3.179%;
  margin-right: 0;
}

.process-wrapper ul li::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0;
  background: #419361;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
}

.process-wrapper ul li::before {
  content: "";
  display: inline-block;
  width: 1px;
  background-color: #c4e5d1;
  height: 115px;
  position: absolute;
  left: -8px;
  bottom: 13px;
  transform: scaleY(0);
  transform-origin: bottom center;
}

.process-wrapper ul li:nth-child(1)::before,
.process-wrapper ul li:nth-child(2)::before {
  top: 13px;
  bottom: inherit;
  transform-origin: top center;
}

.process-wrapper ul li:nth-child(1)::before,
.process-wrapper ul li:nth-child(5)::before,
.process-wrapper ul li:nth-child(10)::before {
  height: 75px;
}

.process-wrapper ul li:nth-child(4)::before,
.process-wrapper ul li:nth-child(9)::before {
  height: 326px;
  top: -150px;
  animation: none !important;
  transform: scaleY(1);
}

.process-wrapper ul li:nth-child(3)::before,
.process-wrapper ul li:nth-child(8)::before {
  display: none;
}

.process-wrapper ul li:nth-child(1) span {
  top: inherit;
  bottom: -55px;
  transform: translateY(-50%);
}

.process-wrapper ul li:nth-child(1) span.twoLine {
  bottom: -35px;
}

.process-wrapper ul li:nth-child(1) span.twoLine+label {
  padding-right: 5px;
}

.process-wrapper ul li:nth-child(1) label {
  top: inherit;
  bottom: -70px;
  transform: translateY(-50%);
}

.process-wrapper ul li:nth-child(2) span {
  top: inherit;
  bottom: -95px;
  transform: translateY(-50%);
}

.process-wrapper ul li:nth-child(2) span.twoLine {
  bottom: -72px;
}

.process-wrapper ul li:nth-child(2) label {
  top: inherit;
  bottom: -110px;
  transform: translateY(-50%);
}

.process-wrapper ul li:nth-child(5) label,
.process-wrapper ul li:nth-child(10) label,
.process-wrapper ul li:nth-child(5) span,
.process-wrapper ul li:nth-child(10) span {
  margin-top: 40px;
}

.process-wrapper ul li:nth-child(4) label:first-child,
.process-wrapper ul li:nth-child(9) label:first-child {
  top: -155px;
  left: inherit;
  right: calc(100% + 16px);
  white-space: nowrap;
  color: inherit;
}

.process-wrapper ul li:nth-child(4) label:last-child,
.process-wrapper ul li:nth-child(9) label:last-child {
  bottom: -155px;
  top: inherit;
  white-space: nowrap;
  color: inherit;
}

.process-wrapper.start ul li span,
.process-wrapper.start ul li label {
  animation: transform 1s ease-in-out var(--delay) forwards;
}

.process-wrapper.start ul li::after {
  animation: move 1.5s ease-in-out var(--delay) forwards;
}

.process-wrapper.start ul li::before {
  animation: scale 0.5s ease-in-out var(--delay) forwards;
}

.process-wrapper.start ul li:nth-child(1) span,
.process-wrapper.start ul li:nth-child(1) label,
.process-wrapper.start ul li:nth-child(2) span,
.process-wrapper.start ul li:nth-child(2) label {
  animation: transform1 1s ease-in-out var(--delay) forwards;
}

.process-wrapper.start ul li:nth-child(4) label:first-child {
  animation: transform 1s ease-in-out 3s forwards;
}

.process-wrapper.start ul li:nth-child(4) label:last-child {
  animation: transform1 1s ease-in-out 3s forwards;
}

.process-wrapper.start ul li:nth-child(9) label:first-child {
  animation: transform 1s ease-in-out 8s forwards;
}

.process-wrapper.start ul li:nth-child(9) label:last-child {
  animation: transform1 1s ease-in-out 8s forwards;
}

@keyframes move {
  0% {
    top: 1px;
    left: 1px;
    right: 100%;
    bottom: 1px;
  }

  50% {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
  }

  100% {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
  }
}

@keyframes scale {
  0% {
    transform: scaleY(0);
  }

  100% {
    transform: scaleY(1);
  }
}

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

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes transform1 {
  0% {
    transform: translateY(-50%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  .process-container {
    padding: 20px;
  }

  .process-wrapper {
    width: 840px;
  }
}

@media (max-width: 991px) {
  .process-container {
    overflow: auto;
    padding: 6px;
  }
}

.process--infos .infos--details {
  width: 350px;
}

.process--infos .infos--details p {
  padding-right: 30px;
  padding-top: 100px;
}

.process--infos .infos--wrapper {
  width: calc(100% - 350px);
}

.process--infos .infos--wrapper svg {
  user-select: none;
  width: 100%;
  height: auto;
}

.process--infos .infos--wrapper svg text tspan {
  white-space: pre;
  font-family: var(--ed-primary-font);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.process--infos .infos--wrapper svg text[fill="black"] tspan {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
}

.process--infos .infos--wrapper.dev svg text tspan {
  font-size: 22px;
}

.process--infos .infos--wrapper.dev svg text[fill="black"] tspan {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
}

@media (max-width: 1560px) {
  .process--infos .infos--details p {
    padding-top: calc(30px + 70 * ((100vw - 1200px) / 1360));
  }
}

@media (max-width: 1199px) {
  .process--infos {
    flex-wrap: wrap;
  }

  .process--infos .infos--details {
    width: 100%;
    margin-bottom: 40px;
  }

  .process--infos .infos--details .downArrow {
    display: none;
  }

  .process--infos .infos--wrapper {
    width: 100%;
  }

  .process--infos .infos--wrapper svg line:first-child {
    display: none;
  }
}

.loading-gif-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loading-gif-img img {
  width: 60px;
}

.contact-form--wrapper ::-webkit-input-placeholder {
  color: var(--ed-gray-900);
  opacity: 0;
}

.contact-form--wrapper ::-moz-placeholder {
  color: var(--ed-gray-900);
  opacity: 0;
}

.contact-form--wrapper :-ms-input-placeholder {
  color: var(--ed-gray-900);
  opacity: 0;
}

.contact-form--wrapper :-moz-placeholder {
  color: var(--ed-gray-900);
  opacity: 0;
}

.form--field {
  position: relative;
  padding-top: 28px;
  margin-bottom: 28px;
}

.form--field.form--field-fixed {
  padding-top: 42px;
  margin-bottom: 42px;
}

.form--field:last-child {
  margin-bottom: 0;
}

.form--field .form--control {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #2c2422;
  padding: 12px 0px 16px 0px;
  font-family: var(--ed-primary-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #2c2422;
  display: inline-block;
  width: 100%;
  margin: 0;
}

.form--field>.form--control:focus~label:not(.form--control),
.form--field-default.input-focus>label:not(.form--control),
.form--field:not(.form--field-default)>.form--control:not(:placeholder-shown)~label:not(.form--control),
.form--field>.form-select~label:not(.form--control),
.form--field>label:not(.form--control).floatingLabel {
  top: 0;
  color: #5a5a5a;
  font-size: 18px;
  line-height: 28px;
}

.form--field.form--field-fixed>label:not(.form--control) {
  top: 0;
}

.form--field>label:not(.form--control),
.form--field-default>label:not(.form--control) {
  position: absolute;
  top: 46px;
  left: 0;
  font-size: 18px;
  line-height: 30px;
  color: #2c2422;
  pointer-events: none;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.form--field.form--field-phone .iti .iti__flag-container {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}

.form--field.form--field-phone:has(.form--control:focus) .iti .iti__flag-container,
.form--field.form--field-phone:has(label.floatingLabel) .iti .iti__flag-container {
  visibility: visible;
  opacity: 1;
}

.form--field>label:not(.form--control) sup {
  color: #ff0000;
}

.form--field>small {
  margin-top: 2px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: right;
  color: #404040;
  display: inline-block;
  width: 100%;
}

.form--field input[type="file"] {
  display: none;
}

.form--field .iti {
  width: 100%;
}

.form--field .iti--allow-dropdown input,
.form--field .iti--allow-dropdown input[type="text"],
.form--field .iti--allow-dropdown input[type="tel"],
.form--field .iti--separate-dial-code input,
.form--field .iti--separate-dial-code input[type="text"],
.form--field .iti--separate-dial-code input[type="tel"] {
  padding-left: 110px !important;
}

.form--field .iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
}

.form--field .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.form--field .drag-file-area {
  border: 1px dashed var(--ed-gray-300);
  border-radius: 0px;
  margin: 10px 0;
  padding: 30px 50px;
  text-align: center;
  position: relative;
  background: var(--ed-gray-50);
}

.form--field .drag-file-area h6 {
  margin: 15px 0;
}

.form--field .drag-file-area .label {
  font-size: 16px;
  color: var(--ed-black);
}

.form--field .drag-file-area small {
  font-size: 12px;
  display: block;
}

.form--field .drag-file-area .label .browse-files-text {
  font-size: 16px;
  color: var(--ed-primary);
}

.form--field .drag-file-area .browse-files input {
  opacity: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.form--field .file-block {
  color: var(--ed-gray-900);
  background-color: var(--ed-white);
  transition: all 1s;
  width: 100%;
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  display: flex;
}

.form--field .file-block .file-info {
  font-family: var(--ed-primary-font);
  color: var(--ed-primary);
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

.form--field .file-block .remove-file-icon {
  display: flex;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
}

.contact-form--wrapper .form--group .btn-input {
  position: relative;
}

.contact-form--wrapper .form--group .btn-input label.error {
  color: var(--ed-error) !important;
  font-size: 80% !important;
  line-height: 1.5 !important;
  font-weight: normal !important;
  position: absolute;
  top: 72px;
}

.contact-form--wrapper .form--field label.error {
  color: var(--ed-error) !important;
  font-size: 80% !important;
  line-height: 1.5 !important;
  font-weight: normal !important;
  position: absolute;
  left: 0;
  top: 100% !important;
  margin: 0;
  display: block;
}

.form--field .form--control.error,
.form--field .form--control.error~.select2-container .select2-selection {
  border-bottom-color: var(--ed-error);
}

.contact-form--wrapper .form--group .action--group {
  position: relative;
}

.two-col--form .form--group {
  gap: 40px;
}

.two-col--form .form--group .width--50 {
  max-width: calc(50% - 20px);
}

.contact_success_msg {
  margin-top: 18px;
  font-weight: 600;
  color: var(--ed-success);
}

.contact_error_msg {
  margin-top: 18px;
  font-weight: 600;
  color: var(--ed-error);
}

.btn-input {
  list-style: none;
  padding: 0;
  margin: -6px -12px -6px;
}

.btn-input .input-check {
  padding: 6px 12px;
}

.btn-input .input-check input[type="radio"],
.btn-input .input-check input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
}

.btn-input .input-check label:not(.error) {
  display: inline-block;
  text-align: center;
  background: #f4f4f4;
  border: 1px solid transparent;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 100px;
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #342a27;
  padding: 12px 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.btn-input .input-check input:checked~label:not(.error) {
  background-color: var(--ed-white);
  border-color: #2c2422;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.btn-input:not(.btn-input-inline) .input-check label:not(.error) {
  min-width: 120px;
}

.btn-input-sm .input-check label:not(.error) {
  padding-top: 5px;
  padding-bottom: 5px;
}

.form-check {
  display: flex;
  margin-bottom: 24px;
}

.form-check:last-child {
  margin-bottom: 0;
}

.form-check input {
  width: 20px;
  min-width: 20px;
  height: 20px;
  cursor: pointer;
  border: 1px solid #2c2422;
  margin-right: 12px;
  margin-top: 4px;
  position: relative;
}

.form-check input[type="radio"],
.form-check input[type="radio"]::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.form-check input[type="radio"]::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #4cab72;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
}

.form-check label {
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #2c2422;
  cursor: pointer;
}

.form-check input:checked {
  border-color: #4cab72;
}

.form-check input[type="checkbox"]:checked {
  background-color: #4cab72;
  background-image: url("../image/icon-check.svg");
  background-position: center center;
  background-size: 15px;
  background-repeat: no-repeat;
}

.form-check input[type="radio"]:checked {
  background-color: #ebf6f0;
}

.form-check input[type="radio"]:checked::after {
  opacity: 1;
  visibility: visible;
}

.two-col--form .form--group.nda-form {
  margin-bottom: 24px;
}

@media (max-width: 1024px) {
  .two-col--form .form--group {
    gap: 0px;
    flex-wrap: wrap;
  }

  .two-col--form .form--group .form--field {
    padding-top: 28px;
    margin-bottom: 28px;
  }

  .two-col--form .form--group .width--50 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .two-col--form .form--group.nda-form {
    gap: 24px;
  }

  .two-col--form .form--group .action--group {
    margin-left: 24px;
  }
}

@media (max-width: 767px) {
  .btn-input .input-check label:not(.error) {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 14px;
  }

  .contact-form--wrapper .form--group .btn-input {
    margin-bottom: 30px;
  }

  .contact-form--wrapper .form--group .btn-input label.error {
    top: 62px;
    padding: 0;
  }

  .form--field .drag-file-area {
    padding: 15px;
  }

  .form--field .drag-file-area h6 {
    margin: 5px 0 0;
  }

  .form--field .drag-file-area .label {
    font-size: 14px;
  }

  .form--field .drag-file-area .label .browse-files-text {
    font-size: 14px;
  }

  .form--field .file-block .file-info {
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .two-col--form .form--group .action--group {
    margin-left: 0;
    margin-top: 24px;
    width: 100%;
  }
}

.hire--wrapper .form--group {
  position: relative;
}

.hire--wrapper .form-check label.error {
  color: var(--ed-error) !important;
  font-size: 80% !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  position: absolute;
  bottom: 15px;
}

.form-footer {
  border-top: 1px solid #d2d2d2;
  padding-top: 48px;
}

.form-footer button {
  min-width: 265px;
}

.icon-upload {
  background: transparent url("../image/icon-upload.svg") no-repeat scroll right center;
  color: #61b984;
  padding-right: 28px;
  position: absolute;
  top: 48px;
  right: 0px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  pointer-events: none;
}

.form--field .form--control.form--control-file {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  padding-right: 120px;
  cursor: pointer;
}

.form--field .form--control.form--control-file+label {
  padding-right: 120px;
}

@media (max-width: 991px) {
  legend {
    padding: 10px 0 10px;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }

  .form-floating {
    padding-top: 24px;
  }

  .form-floating .form--control {
    padding: 10px 0px;
    font-size: 16px;
    line-height: 24px;
  }

  .form-floating>label:not(.form--control),
  .form-floating-default>label:not(.form--control) {
    top: 34px;
    font-size: 16px;
    line-height: 24px;
  }

  .form-floating>.form--control:focus~label:not(.form--control),
  .form-floating-default.input-focus>label:not(.form--control),
  .form-floating:not(.form-floating-default)>.form--control:not(:placeholder-shown)~label:not(.form--control),
  .form-floating>.form-select~label:not(.form--control),
  .form-floating.form-floating-fixed>label:not(.form--control) {
    font-size: 14px;
    line-height: 20px;
  }

  .form-floating>small {
    font-size: 14px;
    line-height: 20px;
  }

  .btn-input {
    margin: -6px -4px -6px;
  }

  .btn-input .input-check {
    padding: 6px 4px;
  }

  .btn-input .input-check label {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 13px;
  }

  .btn-input:not(.btn-input-inline) .input-check label {
    min-width: inherit;
  }

  .icon-upload {
    top: 55px;
    font-size: 14px;
    line-height: 20px;
    background-size: 16px;
    padding-right: 20px;
  }

  .form--field .form--control.form--control-file {
    padding-right: 80px;
  }

  .form--field .form--control.form--control-file+label {
    padding-right: 80px;
  }

  .form--field .iti+label {
    padding-left: 100px;
  }

  .form--field .iti--allow-dropdown input,
  .form--field .iti--allow-dropdown input[type="text"],
  .form--field .iti--allow-dropdown input[type="tel"],
  .form--field .iti--separate-dial-code input,
  .form--field .iti--separate-dial-code input[type="text"],
  .form--field .iti--separate-dial-code input[type="tel"] {
    padding-left: 90px !important;
  }

  .form-check input {
    margin-bottom: 2px;
  }

  .form-check label {
    font-size: 16px;
    line-height: 24px;
  }

  .form-footer {
    border-top: none;
    padding-top: 0px;
  }

  .form-footer button {
    min-width: 100%;
  }
}

@media (max-width: 575px) {
  .form--group .text--xl.m-0 {
    margin-bottom: 24px;
    width: 100%;
  }
}

/* Filter
======================================================*/

.section--filter {
  position: fixed;
  left: 0;
  bottom: -100%;
  width: 100%;
  z-index: 9999;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  background-color: var(--ed-white);
  -webkit-box-shadow: 0px -5px 25px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px -5px 25px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -5px 25px 0px rgba(0, 0, 0, 0.05);
}

.section--filter.revealed {
  bottom: 0;
}

.section--filter div:not(.custom-dropwdown)>ul {
  gap: 8px;
  padding: 16px 0;
}

.section--filter div:not(.custom-dropwdown)>ul>li>a {
  background-color: var(--ed-gray-bg);
  color: var(--ed-gray-900);
  display: inline-block;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  border-radius: 100px;
}

.section--filter div:not(.custom-dropwdown)>ul>li>a:hover,
.section--filter div:not(.custom-dropwdown)>ul>li>a.active {
  background-color: var(--ed-gray-900);
  color: var(--ed-white);
}

.section--filter>.container {
  overflow: auto;
}

.section--filter>.container>ul {
  min-width: 1230px;
}

@media (max-width: 1199px) {
  .section--filter {
    display: none;
  }
}

.section--cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10000;
  background-color: var(--ed-white);
  -webkit-box-shadow: 0px -5px 25px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px -5px 25px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -5px 25px 0px rgba(0, 0, 0, 0.05);
  gap: 30px;
  padding: 25px;
}

.section--cookie a {
  font-weight: 600;
  color: var(--ed-gray-600);
}

.section--cookie a:not(.ed--btn):hover {
  color: var(--ed-primary);
}

.section--cookie .ed--btn {
  padding: 8px 18px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .section--cookie {
    flex-wrap: wrap;
    gap: 10px;
  }

  .section--cookie p {
    width: 100%;
    text-align: center;
  }

  .section--cookie .ed--btn {
    margin-top: 8px;
    padding: 8px 18px;
    font-size: 14px;
  }
}

.custom-dropwdown {
  position: fixed;
  top: 0px;
  right: -580px;
  height: 100vh;
  width: 100%;
  max-width: 580px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.section--filter .custom-dropwdown.open {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.custom-dropwdown .dropdown-backdrop {
  display: inline-block;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(var(--ed-gray-rgb), 0.5);
  cursor: pointer;
}

.custom-dropwdown .dropdown-wrapper {
  height: 100vh;
  overflow: auto;
  background-color: var(--ed-white);
  padding: 4.27vw;
  width: 100%;
  position: relative;
}

.custom-dropwdown .dropdown-wrapper h4 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 65px;
  pointer-events: none;
}

.custom-dropwdown .dropdown-wrapper h4 .icon-arrow-down {
  display: none;
  margin-left: 10px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: transparent url("../image/icon-arrow-down.svg") no-repeat scroll center center;
}

.custom-dropwdown .dropdown-wrapper ul li:not(:last-child) {
  margin-bottom: 18px;
}

.custom-dropwdown .dropdown-wrapper ul li a {
  color: rgba(var(--ed-gray-rgb), 0.7);
}

.box {
  background-color: rgb(var(--ed-gray-rgb));
  color: rgb(var(--ed-white));
  padding: 50px 30px 50px 5.2vw;
  min-height: 720px;
  margin-top: 6.25vw;
}

.box h2 {
  margin-bottom: 56px;
}

.box p {
  max-width: 90%;
}

.box .btnStyle {
  margin-top: 42px;
}

@media (max-width: 1199px) {
  .box {
    padding: 50px;
  }

  .box h2 {
    margin-bottom: 33px;
  }

  .box p {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .box {
    flex-direction: column;
    min-height: inherit;
  }

  .box .col6 {
    width: 100%;
  }

  .box picture {
    margin: 0 -50px 46px;
  }
}

@media (max-width: 767px) {
  .section-work {
    padding: 40px 0 65px;
  }

  .box {
    margin-top: 40px;
    padding: 45px 25px 60px;
  }

  .box picture {
    margin: 0 -25px 46px;
  }

  .box-filter h5 {
    margin-right: 0;
    width: 100%;
  }

  .box-filter>ul {
    margin: 0 -20px;
    position: relative;
    border-bottom: 1px solid rgba(59, 48, 45, 0.2);
    width: calc(100% + 40px);
    padding: 0px 20px;
  }

  .box-filter>ul>li>a {
    font-size: 14px;
    padding: 24px 10px;
  }

  .custom-dropwdown .dropdown-backdrop {
    display: none;
  }

  .custom-dropwdown {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    height: auto;
    width: 100%;
    max-width: 100%;
  }

  .custom-dropwdown .dropdown-wrapper {
    height: auto;
    padding: 30px 20px 40px;
    background: rgb(var(--ed-white));
  }

  .dropdown-content {
    width: 100%;
  }

  .custom-dropwdown .dropdown-wrapper h4 {
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(59, 48, 45, 0.2);
    pointer-events: inherit;
  }

  .custom-dropwdown .dropdown-wrapper h4 .icon-arrow-down {
    display: inline-block;
  }

  .box-filter ul ul {
    display: none;
    padding-top: 30px;
  }
}

/*  CMS
======================================================*/
.cms--wrapper {
  position: relative;
}

.cms--wrapper .content--group {
  padding-bottom: 50px;
}

.cms--wrapper .content--group>h6 {
  border-bottom: 1px solid var(--ed-black);
  color: var(--ed-black);
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.cms--wrapper .content--group>p {
  padding: 0 0 24px 0;
}

.cms--wrapper .content--group>p a {
  color: var(--ed-black);
  font-weight: 600;
  text-decoration: underline;
}

.cms--wrapper .content--group>p a:hover,
.cms--wrapper .content--group>p a:focus {
  color: var(--ed-primary);
}

@media screen and (max-width: 1199px) {
  .cms--wrapper .content--group {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .cms--wrapper .content--group {
    padding-bottom: 30px;
  }

  .cms--wrapper .content--group>p {
    padding: 0 0 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .cms--wrapper .content--group {
    padding-bottom: 20px;
  }

  .cms--wrapper .content--group>p {
    padding: 0 0 16px 0;
  }
}

/*  Sitemap
======================================================*/
.sitemap--wrapper {
  position: relative;
}

.sitemap--wrapper .wrap--box {
  padding-bottom: 50px;
}

.sitemap--wrapper .wrap--box h6 {
  border-bottom: 1px solid var(--ed-black);
  color: var(--ed-black);
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.sitemap--wrapper .wrap--box ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.sitemap--wrapper .wrap--box ul li {
  flex: 0 0 33.33%;
}

.sitemap--wrapper .wrap--box ul li a {
  text-transform: capitalize;
  color: var(--ed-gray-400);
  font-weight: 600;
  font-size: 16px;
  line-height: 3;
}

.sitemap--wrapper .wrap--box h6 a {
  color: var(--ed-gray-600);
}

.sitemap--wrapper .wrap--box h6 a:hover,
.sitemap--wrapper .wrap--box ul li a:hover,
.sitemap--wrapper .wrap--box ul li a:focus {
  color: var(--ed-primary);
}

.sitemap--wrapper .wrap--box ul li a:hover,
.sitemap--wrapper .wrap--box ul li a:focus {
  color: var(--ed-primary);
}

.sitemap--wrapper .wrap--box ul li a span {
  text-transform: none;
}

@media screen and (max-width: 991px) {
  .sitemap--wrapper .wrap--box ul li {
    flex: 0 0 50%;
  }
}

@media screen and (max-width: 767px) {
  .sitemap--wrapper .wrap--box ul li {
    flex: 0 0 100%;
  }
}

/*  Join Us
======================================================*/
@media screen and (max-width: 991px) {
  .openings .accordion--group .accordion {
    padding: 0;
  }
}

/*  Brand page
======================================================*/
.bg-square {
  background: url("../image/bg-square.png") no-repeat;
}

.service-box {
  border: 1px solid #e1e1e1;
  position: relative;
}

.service-box:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e1e1e1;
  position: absolute;
  right: -6px;
  bottom: -6px;
  background: #e1e1e1;
}

.service-box .service-details {
  padding: 0 45px;
  position: relative;
}

.service-box .service-box-list {
  z-index: 2;
  position: relative;
}

.plus-devider .service-details {
  border-right: 1px solid #e1e1e1;
}

.plus-devider .service-details:after {
  content: "";
  background: url("../image/icon-plus-gray.svg") no-repeat center;
  height: 100px;
  width: 38px;
  position: absolute;
  right: -19px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.plus-devider .service-details:nth-child(3n) {
  border: 0;
}

.plus-devider .service-details:nth-child(3n):after {
  display: none;
}

.mood-board .service-box .service-details {
  flex: 0 0 33.33%;
}

.mood-board .image-wrap {
  max-width: 207px;
  margin: 32px auto;
}

.mood-board .image-wrap img {
  border-radius: 32px;
  height: 232px;
  object-fit: cover;
}

/* .text-cursive { font-family: var(--ed-textcursive-font); } */
.logo-composition .slider-title {
  margin-bottom: 20px;
}

.logo-composition .image--wrap {
  margin-right: 129px;
  padding-top: 270px;
  flex: 0 0 auto;
  width: 270px;
  overflow: hidden;
  position: relative;
}

.logo-composition .service-box .service-details {
  padding: 115px 96px;
}

.logo-composition .service-details .slider-content {
  width: 289px;
  margin: 0 auto;
}

.logo-composition .service-details img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 16px;
}

.logo-composition-slider {
  margin-left: calc((100% - 1703px) / 2);
}

.img-rotate-bg {
  position: relative;
}

.img-rotate-bg:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: calc(100% - 146px);
  height: 100%;
  -webkit-transform: rotate(3.57deg);
  -ms-transform: rotate(3.57deg);
  transform: rotate(3.57deg);
  z-index: -1;
  background: #d9d9d9;
}

@media screen and (max-width: 1680px) {
  .img-rotate-bg:after {
    width: calc(100% - (50px + 96 * ((100vw - 1024px) / 1360)));
  }
}

@media screen and (max-width: 991px) {
  .img-rotate-bg:after {
    width: 100%;
  }

  .plus-devider .service-details,
  .plus-devider .service-details:nth-child(3n) {
    border-right: 0;
    border-bottom: 1px solid #e1e1e1;
  }

  .plus-devider .service-details:after {
    top: unset;
    bottom: -19px;
    height: 38px;
    width: 100px;
    transform: translate(-50%, 0);
    right: unset;
  }

  .plus-devider .service-details:nth-child(3n):after {
    display: block;
  }

  .plus-devider .service-details:last-child {
    border: 0;
  }

  .plus-devider .service-details:last-child:after {
    display: none;
  }

  .mood-board .service-box .service-box-list {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .mood-board .service-box .service-details {
    padding: 0 15px 50px;
    margin-bottom: 45px;
  }

  .mood-board .service-box .service-details:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .mood-board .service-box .service-details {
    flex: 0 0 100%;
  }

  .mood-board .image-wrap {
    max-width: 177px;
  }

  .mood-board .image-wrap img {
    height: 202px;
  }

  .logo-composition .service-box .service-details {
    padding: 50px;
  }

  .logo-composition .image--wrap {
    margin-right: 95px;
    padding-top: 220px;
    width: 220px;
  }
}

@media screen and (max-width: 767px) {
  .logo-composition .service-box .service-details {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start !important;
  }

  .logo-composition .image--wrap {
    margin-right: 0;
    padding-top: 180px;
    width: 180px;
  }

  .logo-composition .service-details .slider-content {
    width: auto;
    margin: 30px auto 0;
  }

  .logo--timeline .service--card img {
    width: 220px;
  }
}

/*  Portfolio Page
======================================================*/
.portfolio--gird .portfolio--card:nth-child(2n):not(:first-child) {
  top: 96px;
}

.portfolio--card {
  width: 100%;
  max-width: 480px;
  position: relative;
  transition: all 0.4s ease-in-out 0s;
}

.portfolio--card.hide {
  width: 0px;
  height: 0px;
  overflow: hidden;
  position: absolute;
}

.portfolio--card.portfolio--card--full {
  max-width: 100%;
}

.portfolio--card picture,
.portfolio--card figure {
  width: 100%;
  overflow: hidden;
}

.portfolio--card picture img,
.portfolio--card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 8/9;
  filter: blur(0) grayscale(0);
  transition: all 0.5s ease;
}

.portfolio--card.portfolio--card--full figure img {
  aspect-ratio: 715/325;
}

.portfolio--card .portfolio--group {
  position: relative;
}

.portfolio--card .portfolio--group:hover figure img {
  filter: blur(5px) grayscale(100%);
}

.portfolio--card .portfolio--penal {
  border-bottom: 1px solid #2c2422;
  padding-top: 14px;
  padding-bottom: 14px;
}

.portfolio--card .portfolio--penal .ui-widget {
  font-weight: 600;
  padding-right: 20px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: capitalize;
}

.portfolio--card .portfolio--penal .ui-widget::first-letter {
  text-transform: uppercase;
}

.portfolio--card .portfolio--penal .ui-widget.s-caps {
  text-transform: none;
}

.portfolio--card .portfolio--penal span {
  display: inline-block;
  padding: 0 0 0 20px;
  line-height: 20px;
  vertical-align: middle;
  position: relative;
}

.portfolio--card .portfolio--penal span:before {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  background: black;
  border-radius: 5px;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translate(0, -50%);
}

.portfolio--card .portfolio--penal span:first-child:not(:only-child) {
  padding: 0;
}

.portfolio--card .portfolio--penal span:first-child:before {
  display: none;
}

.portfolio--card .portfolio--penal .flex {
  gap: 20px;
}

.portfolio--card .portfolio--penal a,
.portfolio--card .portfolio--penal a img {
  display: block;
  cursor: pointer;
}

.portfolio--card .portfolio--action {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
}

.portfolio--card .portfolio--action a {
  transform: scale(0);
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  border-radius: 100px;
  padding: 18px 40px;
  font-size: 18px;
  font-weight: 600;
  color: var(--ed-white);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  text-align: center;
}

.portfolio--card .portfolio--action a svg {
  width: 14px;
  height: 14px;
  margin-left: 8px;
}

.portfolio--card .portfolio--group:hover .portfolio--action a {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1440px) {
  .portfolio--card {
    max-width: 400px;
  }

  .portfolio--card .portfolio--action a {
    padding: 12px 20px;
    font-size: 18px;
    text-align: center;
  }

  .portfolio--card .portfolio--action a svg {
    width: 14px;
    height: 14px;
    margin-left: 6px;
  }
}

@media screen and (max-width: 991px) {
  .portfolio--card {
    max-width: calc(50% - 40px);
  }
}

@media screen and (max-width: 767px) {
  .portfolio--gird .portfolio--card:nth-child(2n):not(:first-child) {
    top: 40px;
  }

  .portfolio--card {
    max-width: calc(50% - 40px);
  }

  .portfolio--card .portfolio--action a {
    padding: 10px 15px;
    font-size: 14px;
    text-align: center;
  }

  .portfolio--card .portfolio--action a svg {
    width: 11px;
    height: 11px;
    margin-left: 5px;
  }

  .portfolio--card .portfolio--penal .ui-widget {
    padding-right: 0;
  }

  .portfolio--card .portfolio--penal span {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .portfolio--gird .portfolio--card:nth-child(2n):not(:first-child) {
    top: 0;
  }

  .portfolio--card {
    max-width: 100%;
  }
}

/*  Carrer Page
======================================================*/
.opening-group .row-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
}

.opening-group .col-6 {
  flex: 48%;
  max-width: 48%;
}

.opening-group .col-12 {
  flex: 100%;
  max-width: 100%;
}

.opening-group .fields-group p {
  color: var(--ed-gray-900);
}

.opening-group .fields-group {
  padding-bottom: 10px;
  margin-bottom: 48px;
  border-bottom: 1px solid var(--ed-gray-300);
}

.opening-group .fields-group .text--md {
  padding-bottom: 10px;
}

.opening-group .h6 {
  margin-bottom: 28px;
}

.opening-group .list-ul-tag li {
  padding: 20px 0 20px 40px;
  border-bottom: 1px solid var(--ed-gray-300);
  background: url("../image/icon-arrow.svg") no-repeat left center;
}

.opening-group .list-ul-tag li:first-child {
  border-top: 1px solid var(--ed-gray-300);
}

.opening-group .join-action {
  padding: 0 0 100px;
}

.ui-accordion .ui-accordion-content .join-action .ed--btn {
  text-decoration: none;
  color: var(--ed-gray-600);
}

@media screen and (max-width: 1199px) {
  .opening-group .join-action {
    padding: 0 0 60px;
  }

  .opening-group .list-ul-tag li {
    padding: 15px 0 15px 30px;
  }
}

@media screen and (max-width: 767px) {
  .opening-group .col-6 {
    flex: 100%;
    max-width: 100%;
  }

  .opening-group .fields-group {
    margin-bottom: 25px;
  }
}

/*  Contact Us
======================================================*/
.map--wrapper {
  max-width: 50%;
  margin-left: auto;
}

.contact--header {
  position: relative;
  min-height: 450px;
}

.contact--header #image-map {
  position: relative;
  width: 100%;
  height: auto;
}

.contact--header #image-map .map-img {
  width: 100% !important;
}

.contact--header .pin {
  display: none;
}

.contact--header .tooltip {
  display: none;
  width: 166px;
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 999;
  margin-left: -75px;
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 9px 20px, rgba(0, 0, 0, 0.12) 0px 6px 6px;
  padding: 15px 10px 18px;
  border-radius: 15px;
  text-align: center;
  background: var(--ed-white);
  transition: ease all 0.3s;
}

.contact--header .tooltip::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-bottom: 10px solid var(--ed-white);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.contact--header .tooltip .popup-detail p {
  font-size: 15px;
  line-height: 19px;
}

.contact--header .tooltip-up,
.contact--header .tooltip-down {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #61b984;
  border-radius: 50%;
}

.contact--header .tooltip-up:after,
.contact--header .tooltip-down:after {
  content: " ";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #61b984;
  z-index: 1;
  animation: ripple 1.5s ease-out infinite;
  position: absolute;
  animation-delay: 3s;
}

.contact--header .tooltip-down {
  background-position: 0 -37px;
}

.contact--header .tooltip-down .tooltip {
  bottom: 32px;
  top: auto;
}

.contact--header .tooltip-down .tooltip::after {
  bottom: -10px;
  top: auto;
  border-bottom: 0;
  border-top: 10px solid var(--ed-white);
}

.contact--header .page--title {
  position: absolute;
  z-index: 1;
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }

  to {
    opacity: 0;
    transform: scale(3);
  }
}

@media screen and (max-width: 1680px) and (min-width: 1200px) {
  .map--wrapper {
    max-width: 52%;
  }

  .page--header .header--box .contact--header .page--title h1 {
    font-size: 76px;
  }
}

@media screen and (max-width: 1199px) {
  .contact--header {
    min-height: auto;
  }

  .contact--header .page--title {
    position: relative;
  }

  .map--wrapper {
    max-width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {

  .contact--header .tooltip-up,
  .contact--header .tooltip-down {
    width: 7px;
    height: 7px;
  }
}

/*  Loader
======================================================*/
.loader {
  position: absolute;
  width: 120px;
  height: 56px;
  bottom: 3px;
  background: var(--ed-white);
  left: 4px;
  z-index: 99;
  display: none;
}

.loader:before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid #ddd;
  border-right: 3px solid transparent;
  animation: rotation 1s linear infinite;
  position: absolute;
  bottom: 15px;
  left: 45px;
}

.loader:after {
  content: "";
  position: absolute;
  left: 45px;
  top: 15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-left: 3px solid #000;
  border-bottom: 3px solid transparent;
  animation: rotation 0.5s linear infinite reverse;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*Video Popup*/
.videoPopup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 44px;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoPopup .videoPopupOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.videoPopup .videopoup-body {
  width: 100%;
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  z-index: 2;
}

.videoPopup .videopoup-wrap {
  aspect-ratio: 1/0.6;
  position: relative;
}

.videoPopup .videopoup-wrap iframe {
  width: 100%;
  height: 100%;
}

.videoPopup .videoPopupClose {
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: rgba(30, 30, 30, 0.6);
  padding: 10px;
  cursor: pointer;
  z-index: 3;
}

.videoPopup .videoPopupClose svg {
  fill: #ccc;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}

.videoPopup .videoPopupClose:hover svg {
  fill: var(--ed-white);
}

@media screen and (max-width: 767px) {
  .videoPopup {
    padding: 30px;
  }

  .videoPopup .videoPopupClose {
    display: none;
  }
}

/*  Portfolio detail Page
======================================================*/
.portfolio-page-header.page--header .header--box .top {
  margin-bottom: 0;
}

.portfolio-page-header.page--header .header--box .top img {
  margin: 0 auto calc(34px + 2 * ((100vw - 320px) / 1360));
  display: block;
  max-width: 280px;
  max-height: 80px;
  width: auto;
  height: auto;
}

.portfolio-page-header.page--header .header--box .top.big-logo img {
  max-height: 110px;
}

.portfolio-page-header.page--header .header--box .top .page--desc p {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}

.portfolio-page-header.page--header .header--box .top .page--desc p strong {
  font-weight: 700;
}

.custom-modify-section .title--group.without--button .title--content {
  width: 100%;
  max-width: 100%;
}

.custom-modify-section .title--group.without--button .title--content .title {
  width: 100%;
  max-width: 100%;
}

.custom-modify-section .image-with-content .image--wrap img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.custom-modify-section .image-with-content .image--wrap.mobile img {
  width: 320px;
}

.custom-modify-section .image-with-content .image--wrap.mobile {
  text-align: center;
}

.website-visuals .services--lists ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 60px;
}

.website-visuals .services--lists ul li {
  width: 100%;
}

.website-visuals .services--lists ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.website-visuals .services--lists img {
  width: 100%;
}

.website-visuals .services--lists.mobile ul li {
  width: calc(50% - 30px);
  position: relative;
}

.website-visuals .services--lists.mobile ul li:nth-child(2n):not(:first-child) {
  top: 300px;
}

.website-visuals.half .services--lists ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 130px;
}

.website-visuals.half .services--lists ul li {
  width: calc(50% - 65px);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 40px 60px 100px rgba(0, 0, 0, 0.25);
}

.website-visuals.half .services--lists ul li:nth-child(even) {
  transform: translateY(370px);
}

.website-visuals.half .services--lists ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.result--section .services--lists .service--card .card--penal .action--group {
  width: max-content;
  margin-top: 15px;
}

.image-with-content.visuals-all .image--wrap img {
  height: 100%;
}

.image-with-content.user-map .image--wrap img {
  height: 100%;
  opacity: 0.2;
}

.image-with-content.about-project .image--wrap img {
  height: 100%;
}

.mobile-shop .title--group.without--button .title--content {
  width: 100%;
  max-width: 100%;
}

.mobile-shop .title--group.without--button .title--content .title {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}

.mobile-shop .img-wrapper {
  width: 100%;
}

.mobile-shop .img-wrapper img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  height: 100%;
}

.challenge .title--group.without--button .title--content {
  max-width: 100%;
}

.challenge .title--group.without--button .title--content .title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.challenge .title--group.without--button .title--content .title span {
  display: inline-flex;
  margin: 0 80px;
}

.challenge .cnt-wrapper {
  display: flex;
  gap: 76px;
  justify-content: space-between;
}

.challenge .cnt-wrapper .inner-block {
  width: 100%;
}

.challenge .cnt-wrapper .inner-block .services--lists {
  gap: 32px;
  height: 100%;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card.half {
  width: calc(50% - 30px);
  height: auto;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card.half {
  margin-bottom: inherit;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card.half .card--penal {
  height: 100%;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card {
  height: 100%;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card ul {
  padding: 48px 32px 48px 32px;
  background: var(--ed-white);
  z-index: 2;
  position: relative;
  height: 100%;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card:hover ul {
  background: var(--ed-gray-bg);
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card ul li {
  padding: 0 0 18px 0;
  position: relative;
  margin-top: 18px;
  border-bottom: 1px solid var(--ed-gray-300);
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card ul li:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ed-gray-900);
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card ul li:first-child {
  margin-top: 0;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card ul li .card--penal {
  padding: 0 0 0 25px;
  background: inherit;
  position: relative;
  color: var(--ed-gray-900);
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card ul li .card--penal p {
  padding: 0;
}

.challenge .cnt-wrapper .inner-block .services--lists .service--card ul li .card--penal p::before {
  display: none;
}

.challenge .cnt-wrapper .inner-block .inner-title {
  font-style: normal;
  font-weight: 600;
  color: var(--ed-gray-900);
  display: none;
}

.client--info .width--30 .inner_block:not(:first-child) {
  border-top: 1px solid var(--ed-gray-300);
  margin-top: 20px;
  padding-top: 20px;
}

.client--info .width--30 .inner_block img {
  margin-bottom: 20px;
  width: auto;
  max-width: 170px;
  max-height: 40px;
}

.client--info .width--30 .inner_block h6 {
  margin-bottom: 8px;
  text-transform: capitalize;
}

.client--info .width--30 .inner_block p {
  margin-bottom: 8px;
  font-size: 18px;
}

.client--info .width--30 .inner_block p a {
  color: var(--ed-primary);
}

.client--info .width--30 .inner_block p a:hover {
  color: rgba(var(--ed-gray-600), 1);
}

.client--info .width--30 .inner_block p a:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  bottom: -5px;
  left: 0;
  height: 2px;
  background: rgba(var(--ed-gray-rgb), 0);
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
}

.client--info .width--30 .inner_block p a:hover::before {
  transform: scaleX(1);
  transform-origin: 0 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
  background: rgba(var(--ed-gray-rgb), 1);
}

.client--info .inner_block ul {
  list-style: disc;
  list-style-position: inside;
}

.client--info .inner_block ul.list-none {
  list-style: none;
  padding-left: 14px;
}

.client--info .inner_block ul.list-none>li {
  margin-bottom: 4px;
  font-size: 15px;
}

body.noscroll {
  overflow: hidden;
}

.client--info .width--70 .inner_block p:not(:last-child) {
  margin-bottom: 20px;
}

.user-map .title--group .title--content {
  max-width: 100%;
}

.map-flow-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0px;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-flow-wrapper .mapPopupOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.map-flow-wrapper .mapPopupClose {
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: rgba(30, 30, 30, 0.6);
  padding: 10px;
  cursor: pointer;
  z-index: 3;
}

.map-flow-wrapper .mapPopupClose svg {
  width: 100%;
  height: 100%;
  fill: var(--ed-white);
}

.map-flow-wrapper .flowpoup-body {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  z-index: 2;
  background: var(--ed-white);
  padding: 30px;
}

.map-flow-wrapper .flowpoup-body .flowpoup-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}

.map-flow-wrapper .flowpoup-body .flowpoup-wrap img {
  transform: translate3d(0px, 0px, 0px);
  cursor: move;
  user-select: none;
  touch-action: none;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  .client--info .flex {
    flex-wrap: wrap;
  }

  .client--info .flex>* {
    width: 100%;
  }

  .client--info .flex .width--30.pr--90 {
    padding: 0;
  }

  .client--info .flex .width--30 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .client--info .flex .width--70 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 20px;
  }

  .challenge .cnt-wrapper {
    gap: 48px;
  }

  .challenge .cnt-wrapper .inner-block .services--lists .service--card ul {
    padding: 32px;
  }
}

@media screen and (max-width: 767px) {
  .visuals-all.image-with-content .copy--wrap {
    order: 2;
  }

  .visuals-all.image-with-content .wrapper .image--wrap {
    margin: 0 0 40px;
  }

  .challenge .cnt-wrapper {
    flex-wrap: wrap;
    padding: 0;
    border: 0;
    gap: 48px;
  }

  .challenge .cnt-wrapper .inner-block .services--lists .service--card {
    width: 100%;
  }

  .challenge .title--group.without--button .title--content .title span {
    margin: 0 20px;
  }

  .challenge .title--group.without--button .title--content .title span svg {
    width: 25px;
  }

  .challenge .switch--group .switch {
    text-align: left;
  }

  .challenge .cnt-wrapper .inner-block .services--lists .service--card ul li:before {
    width: 5px;
    height: 5px;
  }

  .challenge .cnt-wrapper .inner-block .services--lists .service--card ul li .card--penal {
    padding: 0 0 0 15px;
  }

  .image-with-content.about-project .image--wrap.pl--90 {
    padding: 0;
  }

  .website-visuals.half .services--lists ul li:nth-child(2n) {
    transform: translateY(330px);
  }

  .user-map .flow-map-view #close-flow {
    width: 20px;
    height: 20px;
  }

  .user-map .flow-map-view #close-flow svg {
    width: 20px;
    height: 20px;
  }

  .challenge .title--group {
    display: none;
  }

  .challenge .cnt-wrapper .inner-block .inner-title {
    display: block;
  }

  .challenge .cnt-wrapper .inner-block .services--lists {
    height: auto;
  }

  .challenge .cnt-wrapper .inner-block .services--lists .service--card ul {
    padding: 18px;
  }

  .website-visuals .services--lists ul {
    gap: 30px;
  }

  .website-visuals .services--lists.mobile ul li {
    width: calc(50% - 15px);
  }

  .website-visuals .services--lists.mobile ul li:nth-child(2n):not(:first-child) {
    top: 130px;
  }

  .client--info .width--30 .inner_block img {
    margin-bottom: 20px;
    max-width: 150px;
  }
}

@media screen and (max-width: 575px) {
  .website-visuals.half .services--lists ul {
    gap: 50px;
    justify-content: center;
  }

  .website-visuals.half .services--lists ul li {
    width: 100%;
    max-width: 400px;
    border-radius: 24px;
  }

  .website-visuals.half .services--lists ul li:nth-child(2n) {
    transform: translateY(0px);
  }

  .client--info .width--30 .inner_block p {
    font-size: 16px;
  }
}

/*
.desktop--screen .pin-spacer .title--group:after {
    content: "";
    display: block;
    background: url(../image/SafariLight.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 400px;
    transform: translate(100%, -100%);
}
*/

.map-cnt .map-wrapper {
  position: relative;
  height: 60vh;
}

.map-cnt .map-wrapper iframe {
  border: none !important;
  margin: 0 auto !important;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.map-cnt .map-wrapper:after {
  content: "";
  display: block;
  height: 48px;
  width: 100%;
  background: #f8f8f8;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 9;
  transform: translate(-50%, 0);
}

.ev--Tech {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ev--Tech .rich--text {
  width: 49%;
}

.ev--Tech .rich--text span {
  margin-left: 13px;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .ev--Tech .rich--text {
    width: 100%;
  }
}

/* New Portfolio List Page Css Starts */

/* Global Styles */
html,
body {
  scroll-behavior: smooth;
}

/* Article Block */
.sec-port-list .article-block {
  margin: auto;
  overflow: inherit;
  padding: 51px 51px;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
  padding-left: 0;
  padding-right: 0;
}

/* Article Visibility */
/* Article Main Content */
.sec-port-list .article .main-article {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
}

/* Side Data */
.sec-port-list .article .side-data {
  margin-top: 20px !important;
  max-height: 100vh !important;
  overflow: auto !important;
  padding-right: 20px !important;
  min-width: 360px;
}

.sec-port-list .article .side-data .tab-list .tab-link {
  display: flex;
  gap: 14px;
  flex-direction: column;
  margin-bottom: 40px;
  width: fit-content;
}

.sec-port-list .article .side-data .tab-list .tab-link li {
  list-style: none;
}

.sec-port-list .article .side-data .tab-list .tab-link li h5 {
  margin-bottom: 8px;
}

.sec-port-list .article .side-data .tab-list .tab-link li a {
  color: var(--ed-gray-900);
  transition: 0.5s all ease;
}

.sec-port-list .article .side-data .tab-list .tab-link li a:hover {
  color: var(--ed-success);
}

/* Side Data Content */
/* .sec-port-list .article .side-data-content { max-width: 1100px; width: 100%; }  */
.article .all-article {
  max-width: 100%;
}

.sec-port-list .article .side-data-content .content-list .content-card {
  padding: 24px;
  background-color: var(--ed-gray-bg);
  display: flex;
  gap: 64px;
  align-items: center;
}

.sec-port-list .article .side-data-content .content-list .content-card .content-card-title {
  margin-bottom: 16px;
}

.sec-port-list .article .side-data-content .content-list .content-card .read-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: fit-content;
  border-bottom: 1px solid var(--ed-black);
  cursor: pointer;
  transition: 0.4s all ease;
  margin-top: 24px;
}

.sec-port-list .article .side-data-content .content-list .content-card .read-btn span {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 600;
  color: var(--ed-gray-900);
  transition: 0.4s all ease;
}

.sec-port-list .article .side-data-content .content-list .content-card .read-btn svg path {
  transition: 0.4s all ease;
}

.sec-port-list .article .side-data-content .content-list .content-card .read-btn:hover,
.sec-port-list .article .side-data-content .content-list .content-card .read-btn:focus {
  border-bottom-color: var(--ed-primary);
}

.sec-port-list .article .side-data-content .content-list .content-card .read-btn:hover svg path,
.sec-port-list .article .side-data-content .content-list .content-card .read-btn:focus svg path {
  fill: var(--ed-primary);
}

.sec-port-list .article .side-data-content .content-list .content-card .read-btn:hover span,
.sec-port-list .article .side-data-content .content-list .content-card .read-btn:focus span {
  color: var(--ed-primary);
}

/* Tabs Block */
.sec-port-list .tabs-block {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--ed-gray-900);
}

.sec-port-list .tabs-block .link {
  background-color: var(--ed-gray-bg);
  color: var(--ed-gray-900);
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 100px;
  cursor: pointer;
  text-transform: uppercase;
  transition: 0.5s all ease;
}

.sec-port-list .tabs-block .link:hover {
  background-color: var(--ed-gray-900);
  color: var(--ed-white);
}

.sec-port-list .tabs-block .link.active {
  background-color: var(--ed-gray-900);
  color: var(--ed-white);
}

.sec-port-list .right .portfolio-blocks {
  display: none;
  margin-bottom: 24px;
}

.sec-port-list .right .portfolio-blocks.show {
  display: block;
}

.sec-port-list .article {
  display: block;
}

.sec-port-list .article-block .left {
  flex: 1;
  max-width: 360px;
  width: 100%;
  position: sticky;
  top: 120px;
}

.sec-port-list .article .all-article {
  flex: 1;
}

.sec-port-list .article-block .left .tab-link,
.sec-port-list .article-block .left .portfolio-filter {
  display: flex;
  gap: 14px;
  flex-direction: column;
  margin-bottom: 40px;
  width: 100%;
}

.sec-port-list .article-block .left .tab-link:last-child {
  margin: 0;
}

.sec-port-list .article-block .left .tab-link li {
  cursor: pointer;
}

/* Media Queries */
@media (max-width: 1400px) {
  .sec-port-list .article .side-data-content .content-list .content-card .content-card-title {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .sec-port-list .article .side-data-content .content-list .content-card {
    gap: 20px;
  }
}

@media (max-width: 1024px) {
  .sec-port-list .article .side-data-content .content-list .content-card {
    flex-direction: column;
  }

  .sec-port-list .article .side-data-content .content-list .content-card .read-btn span {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .sec-port-list .side-data {
    display: none !important;
  }

  .sec-port-list .article .side-data-content .content-list .content-card .content-card-title {
    font-size: 20px;
  }

  .sec-port-list .article .side-data-content .content-list .content-card .read-btn span {
    font-size: 14px;
  }
}

@media (max-width: 556px) {
  .sec-port-list .tabs-block .link.link-btn {
    font-size: 12px;
  }
}

@media (max-width: 370px) {
  .sec-port-list .tabs-block .link.link-btn {
    font-size: 10px;
  }
}

@media (max-width: 340px) {
  .sec-port-list .tabs-block .link.link-btn {
    padding: 5px 15px;
  }
}

/* New Portfolio List Page Css Ends */

.page--banner {
  position: relative;
  margin-bottom: 150px;
  padding-left: 100px;
  padding-right: 100px;
}

.page--banner .image--wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.page--banner .page--banner--content {
  position: relative;
  z-index: 2;
}

.page--banner .image--wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.page--banner .page--banner--form {
  background-color: var(--ed-white);
  width: 40%;
  flex: 0 0 auto;
  padding: 48px;
  margin-bottom: 24px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 40px 40px -7px;
}

/* .form--field {padding-top: 20px; margin-bottom: 20px;} */

.page--banner h1,
.page--banner p {
  color: var(--ed-white);
  max-width: 90%;
  position: relative;
}

.page--banner ul.partner-logo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 1680px) {
  .page--banner {
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media screen and (max-width: 1560px) {
  .page--banner {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .page--banner--content .flex {
    flex-direction: column;
  }

  .page--banner .width--60,
  .page--banner .page--banner--form {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .page--banner {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .page--banner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .page--banner .page--banner--form {
    padding: 32px;
  }

  .page--banner h1,
  .page--banner p {
    max-width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .page--banner .page--banner--form {
    padding: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .header.white--header:not(.fixed) .header--logo img {
    filter: brightness(0) invert(1);
  }
}

@media screen and (max-width: 1023px) {
  .why--choose .flex {
    flex-wrap: wrap;
  }

  .width--60 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.flow-image-full img {
  max-width: 80%;
  height: auto;
}

.no-form--wrapper .form--field label {
  display: none;
}

.no-form--wrapper .form--field .form--control {
  padding: 12px 0px;
  font-size: 17px;
  line-height: 21px;
}

.no-form--wrapper .form--field {
  padding-top: 0;
}

.no-form--wrapper .form--group .btn-input {
  margin: 0;
}

.no-form--wrapper ::-webkit-input-placeholder {
  color: var(--ed-gray-900);
  opacity: 0.7;
}

.no-form--wrapper ::-moz-placeholder {
  color: var(--ed-gray-900);
  opacity: 0.7;
}

.no-form--wrapper :-ms-input-placeholder {
  color: var(--ed-gray-900);
  opacity: 0.7;
}

.no-form--wrapper :-moz-placeholder {
  color: var(--ed-gray-900);
  opacity: 0.7;
}

.awards--wrapper.auto-height .slick-list {
  overflow: initial;
}

@media screen and (max-width: 991px) {
  .flow-image-full img {
    max-width: 80%;
    height: auto;
  }
}

@media screen and (max-width: 575px) {
  .page--banner ul.partner-logo li {
    width: calc(50% - 18px);
    height: auto;
  }

  .page--banner ul.partner-logo li img {
    max-width: 120px;
    width: 100%;
    height: auto;
  }
}

.page--banner.overlay .image--wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(44, 36, 34, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: grayscale(1);
}

.technologies-svg-wrapper {
  text-align: center;
}

.technologies-svg-wrapper svg {
  max-width: 1100px;
  width: 100%;
  height: auto;
  overflow: initial;
}

.technologies-svg-wrapper a {
  transition: opacity 0.3s ease-in-out;
}

.technologies-svg-wrapper a:hover {
  opacity: 1;
}

.technologies-svg-wrapper g:hover a:not(:hover) {
  opacity: 0.6;
}

.technologies-svg-wrapper #infographicsVector g,
.technologies-svg-wrapper #infographicsVector path {
  transition: all 0.3s ease;
}

.technologies-svg-wrapper #infographicsVector g[id^="info--"]:hover path {
  fill: var(--ed-primary);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--"] text {
  font-weight: 600;
}

.technologies-svg-wrapper #infographicsVector g[id^="info--"]:hover text {
  font-weight: 700;
}

.technologies-svg-wrapper #infographicsVector g:hover g path {
  stroke: var(--ed-white);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--"] {
  cursor: pointer;
}

.technologies-svg-wrapper #infographicsVector g[id^="info--RetailEcommerce"]:hover {
  transform: scale(1.05) translate3d(-21px, -23px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--Startups"]:hover {
  transform: scale(1.05) translate3d(-21px, -23px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--Enterprises"]:hover {
  transform: scale(1.05) translate3d(-22px, -21px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--TransportationLogistics"]:hover {
  transform: scale(1.05) translate3d(-26px, -22px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--Healthcare"]:hover {
  transform: scale(1.05) translate3d(-28px, -21px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--EdTech"]:hover {
  transform: scale(1.05) translate3d(-29px, -31px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--Fintech"]:hover {
  transform: scale(1.05) translate3d(-32px, -21px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--Automotive"]:hover {
  transform: scale(1.05) translate3d(-35px, -19px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--TravelHospitality"]:hover {
  transform: scale(1.05) translate3d(-37px, -21px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--RealEstate"]:hover {
  transform: scale(1.05) translate3d(-40px, -21px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--OnDemand"]:hover {
  transform: scale(1.05) translate3d(-40px, -21px, 0px);
}

.technologies-svg-wrapper #infographicsVector g[id^="info--GovernmentPublicSector"]:hover {
  transform: scale(1.05) translate3d(-42px, -25px, 0px);
}

.card--group .c--card {
  margin-bottom: 24px;
}

.card--group .c--card .c--inner {
  background: var(--ed-primary);
  transform-origin: center 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  box-shadow: 0px -4px 30px 0px rgba(0, 0, 0, 0.18);
}

.card--group .c--card .c--content {
  width: calc(100% - 600px);
  padding-left: 40px;
  padding-bottom: 50px;
  gap: 34px 0;
}

.card--group .c--card .c--image {
  width: 600px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-right: 0;
}

.card--group .c--card .c--image img {
  width: 100%;
  height: auto;
}

.card--group .c--card .c--content .cl--logo {
  background: var(--ed-white);
  width: 190px;
  text-align: center;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.card--group .c--card .c--content .cl--logo>img {
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 70%;
}

.card--group .c--card .c--content .cl--tagline {
  color: var(--ed-white);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
  max-width: 650px;
  text-transform: capitalize;
}

.card--group .c--card .c--content .cl--facts {
  margin-bottom: 40px;
}

.card--group .c--card .c--content .cl--facts p {
  color: var(--ed-white);
  text-transform: capitalize;
}

.card--group .c--card .c--content .cl--facts h5 {
  color: rgba(255, 255, 255, 0.8);
}

.card--group .c--card .c--content .cl--facts li:first-child {
  padding-left: 0;
}

.card--group .c--card .c--content .cl--facts.figures--wrap ul li {
  height: auto;
  flex: 0 0 auto;
}

@media screen and (max-width: 1680px) {
  .card--group .c--card .c--content .cl--tagline {
    font-size: calc(24px + 12 * ((100vw - 320px) / 1360));
  }
}

@media screen and (max-width: 1280px) {
  .card--group .c--card .c--content {
    width: calc(100% - 380px);
    padding-left: 36px;
    padding-bottom: 36px;
  }

  .card--group .c--card .c--image {
    width: 380px;
  }
}

@media screen and (max-width: 991px) {
  .card--group .c--card .c--content {
    width: 100%;
  }

  .card--group .c--card .c--image {
    display: none;
  }

  .card--group .c--card .c--content .cl--logo {
    width: 170px;
    height: 90px;
    margin-bottom: 24px;
  }

  .card--group .c--card .c--content .cl--facts.figures--wrap ul li {
    height: 70px;
  }

  .card--group .c--card .c--content .cl--facts.figures--wrap ul li p br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .card--group .c--card .c--content {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 32px;
  }

  .card--group .c--card .c--content .cl--facts.figures--wrap ul li {
    flex: 1 0 100%;
  }

  .card--group .c--card .c--content .cl--facts li {
    padding: 0;
  }

  .card--group .c--card .c--content .cl--facts li:first-child {
    padding-left: 0;
  }

  .card--group .c--card .c--content .cl--logo {
    width: 140px;
    height: 80px;
    margin-bottom: 18px;
  }

  .card--group .c--card .c--content .cl--tagline {
    margin-bottom: 16px;
  }

  .card--group .c--card .c--content .cl--facts {
    margin-bottom: 16px;
  }
}

.card--group.cad--horizontal-slider {
  margin: 0 -20px;
  position: relative;
}

.card--group.cad--horizontal-slider .c--card {
  margin-bottom: 0px;
  padding: 0 20px;
}

.card--group.cad--horizontal-slider .c--card .c--inner {
  box-shadow: none;
}

.card--group.cad--horizontal-slider .slick-dots {
  align-items: center;
  justify-content: center;
  display: none !important;
}

.card--group.cad--horizontal-slider .slick-dots>li {
  padding: 12px;
  cursor: pointer;
}

.card--group.cad--horizontal-slider .slick-dots>li:not(.slick-active) {
  filter: grayscale(1);
  opacity: 0.5;
}

.card--group.cad--horizontal-slider .slick-dots button {
  background-color: transparent;
  border: none;
  font-size: 0;
  width: 80px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center;
  cursor: pointer;
}

.card--group.cad--horizontal-slider .slick-dots>li:nth-child(1) button {
  background-image: url("../image/portfolio-details/alive-podcast/alive-logo.webp");
}

.card--group.cad--horizontal-slider .slick-dots>li:nth-child(2) button {
  background-image: url("../image/portfolio-details/ocean-terminal-services/ocean-terminal-services-logo.svg");
}

.card--group.cad--horizontal-slider .slick-dots>li:nth-child(3) button {
  background-image: url("../image/portfolio-details/equiscore-bi/equiscore-bi-logo.webp");
}

.card--group.cad--horizontal-slider .slick-dots>li:nth-child(4) button {
  background-image: url("../image/portfolio-details/clymb-web/clymb-logo.webp");
}

.card--group.cad--horizontal-slider .slick-dots>li:nth-child(5) button {
  background-image: url("../image/portfolio-details/bonnet/bonnet-logo.webp");
}

.card--group.cad--horizontal-slider .slick-dots>li:nth-child(6) button {
  background-image: url("../image/portfolio-details/urban-air/urban-air-logo.webp");
}

.card--group.cad--horizontal-slider .slick-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  z-index: 9;
  cursor: pointer;
  user-select: none;
  visibility: hidden;
  opacity: 0;
  margin-top: -30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.card--group.cad--horizontal-slider .slick-arrow.prev {
  left: -10px;
}

.card--group.cad--horizontal-slider .slick-arrow.next {
  right: -10px;
}

.card--group.cad--horizontal-slider:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
}

.card--group.cad--horizontal-slider .slick-arrow:hover {
  background: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 991px) {
  .card--group.cad--horizontal-slider .slick-dots {
    display: flex !important;
  }

  .card--group.cad--horizontal-slider .slick-arrow {
    display: none !important;
  }

  .card--group.cad--horizontal-slider {
    margin: 0 -10px;
  }

  .card--group.cad--horizontal-slider .c--card {
    margin-bottom: 0px;
    padding: 0 10px;
  }

  .card--group.cad--horizontal-slider .slick-dots>li {
    padding: 10px;
  }

  .card--group.cad--horizontal-slider .slick-dots button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
  }

  .card--group.cad--horizontal-slider .slick-dots button {
    background-image: none !important;
    background-color: var(--ed-gray-400);
  }

  .card--group.cad--horizontal-slider .slick-dots>li:not(.slick-active) {
    filter: initial;
  }

  .card--group.cad--horizontal-slider .slick-dots>li.slick-active button {
    background-color: var(--ed-primary);
  }
}

.modal {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}

.modal.is-visible {
  visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 900px;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 0;
}

.modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.4em 0.8em;
  background: none;
  border: 0;
  cursor: pointer;
  z-index: 99;
}

.modal-content>*:first-child {
  margin-top: 0;
}

.modal-content>*:last-child {
  margin-bottom: 0;
}

.app_form_left {
  position: relative;
  max-width: 360px;
  overflow: hidden;
}

.app_form_left img {
  height: 100%;
  width: auto;
  filter: grayscale(0.25);
  transform: translate(-30px, 0);
}

.app_form_rght {
  width: calc(100% - 360px);
  padding: 40px;
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 9;
}

.app_form_rght .app_form_header {
  display: block;
  width: 100%;
  text-align: left;
  padding-top: 40px;
  margin-bottom: 24px;
}

.app_form_rght .contact-form--wrapper {
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .modal-wrapper {
    width: 768px;
  }

  .app_form_rght {
    width: calc(100% - 260px);
  }

  .app_form_left {
    max-width: 260px;
  }

  .app_form_left img {
    transform: translate(-125px, 0);
  }
}

@media screen and (max-width: 991px) {
  .app_form_left {
    display: none !important;
  }

  .app_form_rght {
    width: 100%;
  }

  .modal-wrapper {
    width: 70%;
    max-height: 80vh;
    overflow: auto;
  }
}

@media screen and (max-width: 575px) {
  .modal-wrapper {
    width: 90%;
  }

  .app_form_rght {
    padding: 24px;
  }

  .app_form_rght .app_form_header {
    padding-top: 12px;
  }
}

.new--design .form--field.form--field-fixed.nda-form {
  gap: 24px;
}

.visually-hidden {
  visibility: hidden;
}

.tooltip {
  display: inline-flex;
  position: relative;
  margin-left: 8px;
}

.no-js .tooltip {
  display: none;
}

.tooltip[open] {
  z-index: 100;
}

.tooltip[open] .tooltip__icon {
  color: var(--ed-primary);
  opacity: 1;
}

.tooltip[open] .tooltip__icon:before {
  opacity: 1;
  transform: scaleX(0.85) scaleY(1) rotate(45deg);
  transition-duration: 300ms;
  transition-property: opacity, transform;
}

.tooltip__icon {
  display: inline-flex;
  cursor: pointer;
  line-height: 1;
  opacity: 0.8;
  transition-duration: 100ms;
  transition-property: color, opacity;
}

.tooltip__icon svg {
  width: 24px;
  min-width: 24px;
  height: auto;
}

.tooltip__popup {
  position: absolute;
  right: -42px;
  bottom: 100%;
  max-width: 500px;
  width: min-content;
  margin: 0 auto;
  padding: 24px;
  animation: none;
  pointer-events: none;
}

.tooltip__popup:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 48px;
  z-index: 10;
  height: 16px;
  width: 16px;
  margin: -32px auto 0;
  background-color: var(--ed-gray-bg);
  pointer-events: none;
  transform: rotate(45deg);
}

.tooltip__content {
  width: 50rem;
  max-width: 100%;
  padding: 24px 32px;
  background-color: var(--ed-gray-bg);
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  pointer-events: auto;
  text-align: left;
  transform: translateX(0);
}

.tooltip__content .hs-richtext {
  font-size: 14px;
  line-height: 1.6;
}

.tooltip__content .hs-richtext:not(:last-child) {
  margin-bottom: 12px;
}

.tooltip__content .tooltip__ok {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-transform: capitalize;
}

@media (max-width: 575px) {
  .tooltip__content {
    width: 18rem;
  }

  .tooltip__popup {
    right: -25px;
  }

  .tooltip__popup:after {
    right: 30px;
  }
}

@media screen and (min-width: 1281px) {

  .portfolio--cards.no-button .card--group.cad--horizontal-slider .c--card .c--inner,
  .without--header .card--group.cad--horizontal-slider .c--card .c--inner {
    align-items: center;
    position: relative;
  }

  .portfolio--cards.no-button .card--group .c--card .c--content,
  .without--header .card--group .c--card .c--content {
    padding-bottom: 0;
  }

  .portfolio--cards.no-button .card--group .c--card .c--content .cl--logo,
  .without--header .card--group .c--card .c--content .cl--logo {
    position: absolute;
    top: 0;
  }
}

.brand-link {
  position: relative;
  display: inline-block;
  color: var(--ed-primary) !important;
}

.brand-link:hover {
  color: var(--ed-gray-900) !important;
}

.brand-link:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  bottom: -1px;
  height: 2px;
  background: var(--ed-primary) !important;
  transform: scaleX(1);
  transform-origin: 0 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
}

.brand-link:hover::before {
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.1s linear 0.2s;
  background: rgba(var(--ed-gray-rgb), 1) !important;
}

/*  Portfolio Slider Styles
======================================= */
.work--swiper {
  max-width: 100%;
}

.work--card {
  margin-bottom: 24px;
  position: relative;
}

.work--card .card--inner {
  position: relative;
}

.work--card .card--logo {
  margin-bottom: 24px;
  height: 90px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-left: 40px;
}

.work--card .card--logo>img {
  width: auto;
  height: 40px;
  object-fit: contain;
  object-position: left center;
}

.work--card .card--logo>img.w-50 {
  height: 50px;
}

.work--card .card--logo>img.w-60 {
  height: 60px;
}

.work--card .card--logo>img.w-65 {
  height: 65px;
}

.work--card .card--logo>img.w-70 {
  height: 70px;
}

.work--card .card--logo>img.w-80 {
  height: 80px;
}

.work--card .card--logo>img.w-90 {
  height: 90px;
}

.work--card .card--details {
  padding: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: rgba(var(--ed-primary-rgb), 0.1);
  border-radius: 12px;
}

.work--card .card--details .details--group {
  width: calc(100% - 380px);
  padding-right: 52px;
}

.work--card .card--details .details--group .title {
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--ed-black);
  margin-bottom: 12px;
  padding-right: 32px;
  text-transform: capitalize;
}

.work--card .card--details .details--group .title>span {
  text-transform: none;
}

.work--card .card--details .details--group .results {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.work--card .card--details .details--group .results>li {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.work--card .card--details .details--group .results>li:not(:last-child) {
  border-bottom: 1px solid var(--ed-gray-300);
}

.work--card .card--details .details--group .results>li h5 {
  font-size: 21px;
  line-height: 1.25;
  font-weight: 600;
  color: var(--ed-gray-900);
  margin-bottom: 8px;
}

.work--card .card--details .details--group .results>li p {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--ed-gray-900);
  text-transform: capitalize;
}

.work--card .card--details .details--group .ed--btn {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.2;
  padding: 16px 24px;
  text-transform: capitalize;
}

.work--card .card--details .card--placeholder {
  position: relative;
  width: 380px;
  height: 380px;
  margin-top: -120px;
}

.work--card .card--details .card--placeholder>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
}

.work--swiper .swiper-button-next:after,
.work--swiper .swiper-button-prev:after {
  display: none;
}

.work--swiper .swiper-actions {
  width: 132px;
  height: 48px;
  position: absolute;
  bottom: 60px;
  right: calc((420px - 132px) / 2);
}

.work--swiper .swiper-button-next,
.work--swiper .swiper-button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--ed-white);
  border: 1px solid var(--ed-gray-300);
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 14px;
  margin: 0;
  top: initial;
}

.work--swiper .swiper-button-next:hover,
.work--swiper .swiper-button-prev:hover {
  background: var(--ed-gray-300);
}

.work--swiper .swiper-pagination {
  display: none;
}

.work--swiper .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: var(--ed-gray-300);
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
  margin: 0 8px !important;
}

.work--swiper .swiper-pagination-bullet-active {
  background: var(--ed-primary);
}

@media screen and (max-width: 991px) {
  .work--card .card--details .details--group {
    width: 100%;
    padding-right: 0;
  }

  .work--card .card--details .card--placeholder {
    position: absolute;
    width: 250px;
    height: 250px;
    margin-top: 0;
    right: 0;
    top: 0;
  }

  .work--card .card--details {
    padding: 32px;
  }

  .work--card .card--details .details--group .title {
    padding-right: 285px;
    font-size: 24px;
  }

  .work--swiper {
    padding-bottom: 24px;
  }

  .work--swiper .swiper-pagination {
    display: flex;
    width: auto;
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
  }

  .work--swiper .swiper-button-next,
  .work--swiper .swiper-button-prev {
    display: none;
  }

  .work--swiper .swiper-actions {
    width: initial;
    height: initial;
    position: absolute;
    bottom: 8px;
    right: 50%;
    transform: translate(50%, 0);
  }

  .work--card .card--logo {
    max-width: calc(100% - 260px);
    padding-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .work--card .card--details .card--placeholder {
    display: none;
  }

  .work--card .card--details .details--group {
    width: 100%;
    padding-right: 0;
  }

  .work--card .card--details .details--group .title {
    padding-right: 0;
  }

  .work--card .card--details {
    padding: 24px;
  }

  .work--card .card--details .details--group .title {
    font-size: 18px;
  }

  .work--card .card--details .details--group .results>li h5 {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .work--card .card--details .details--group .results>li p {
    font-size: 14px;
  }

  .work--card .card--details .details--group .results>li {
    padding: 8px 0;
  }

  .work--card .card--logo {
    justify-content: center;
    padding-left: 0;
    max-width: 100%;
  }

  .work--card .card--details .details--group .ed--btn {
    margin-top: 12px;
    font-size: 15px;
    padding: 12px 12px;
    width: 100%;
    text-align: center;
  }
}

/*  Landing Page Styles
======================================= */

.landing--page .expertise--wrapper {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: initial;
  transition: initial;
  transform: initial;
  will-change: initial;
  display: flex;
  flex-wrap: wrap;
  max-width: initial;
  margin: 0;
  padding-bottom: 0;
}

.landing--page .expertise--wrapper .expertise--card {
  width: 100%;
  flex: 1 1 calc(33.333% - 16px);
  position: relative;
  cursor: initial;
}

.landing--page .area--expertise .expertise--wrapper .expertise--card .expertise--brand {
  position: relative;
  height: auto;
}

.landing--page .area--expertise .expertise--wrapper .expertise--card .expertise--brand img {
  width: auto;
  height: 100px;
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
  object-position: center;
  transition: transform 0.3s ease;
}

.landing--page .area--expertise .expertise--wrapper .expertise--card .expertise--brand img.v-logo {
  height: 36px;
  max-height: 36px;
  margin: 32px 0;
}

.landing--page .expertise--wrapper .expertise--card .desciption--group {
  position: relative;
  padding: 0;
  background-color: transparent;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  visibility: visible;
  opacity: 1;
  cursor: initial;
}

.landing--page .area--expertise .expertise--wrapper .expertise--card .desciption--group p {
  font-size: 16px;
  line-height: 1.55;
  color: var(--ed-gray-900);
  margin-bottom: 0;
  padding: 0 8px;
}

.landing--page .area--expertise .expertise--wrapper .expertise--card:hover .expertise--brand {
  visibility: visible;
  opacity: 1;
}

.landing--page .expertise--wrapper .expertise--card>.flex {
  background-color: var(--ed-gray-bg);
  align-items: flex-start;
  padding: 32px;
  height: 100%;
}

.landing--page .our--work {
  background: transparent;
  overflow: hidden;
}

.landing--page .our--work .image--wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.landing--page .our--work .image--wrap img {
  width: 100%;
  height: 100%;
  object-fit: calc(100% - 20px);
  object-position: bottom center;
  opacity: 0.7;
}

.landing--page .page--banner h1,
.landing--page .page--banner p {
  color: var(--ed-gray-900);
}

.landing--page .page--banner .page--banner--form {
  max-width: 45%;
  box-shadow: rgba(0, 0, 0, 0.22) -20px 20px 70px -20px;
}

.landing--page .page--banner .page--banner--form .ed--btn.full--width {
  width: 100%;
  white-space: normal;
  text-align: center;
}

.landing--page .bg-image--wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.landing--page .bg-image--wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 90% 50%;
}

.landing--page .facts--figures {
  position: relative;
}

.landing--page .bg-image--wrap+.container {
  position: relative;
  z-index: 2;
}

.landing--page .no-overlay:after {
  display: none !important;
}

.landing--page .facts--figures .mobile--image {
  flex: 0 0 40%;
  max-width: 40%;
}

.landing--page .portfolio--cards.new--design .card--group .c--card .c--inner {
  background: rgba(76, 171, 114, 0.1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.landing--page .portfolio--cards.new--design .card--group .c--card .c--content .cl--tagline {
  color: var(--ed-black);
}

.landing--page .portfolio--cards.new--design .card--group .c--card .c--content .cl--facts h5 {
  color: var(--ed-gray-900);
}

.landing--page .portfolio--cards.new--design .card--group .c--card .c--content .cl--facts p {
  color: var(--ed-gray-600);
}

.landing--page .landing-page-logo {
  margin-bottom: 24px;
  display: block;
}

@media screen and (min-width: 992px) {
  .landing--page .portfolio--cards.new--design .title--group .details {
    margin: 0 auto;
    max-width: 596px;
  }

  .landing--page .portfolio--cards.new--design .card--group.cad--horizontal-slider {
    max-width: 1040px;
    margin: 0 auto;
  }

  .landing--page .portfolio--cards.new--design .card--group.cad--horizontal-slider .slick-arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--ed-white);
    border: 1px solid var(--ed-gray-300);
    transition: all 0.3s ease;
    position: absolute;
    bottom: 20px;
    top: initial;
    z-index: 9;
    cursor: pointer;
    user-select: none;
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    box-shadow: none;
  }

  .landing--page .portfolio--cards.new--design .card--group.cad--horizontal-slider .slick-arrow.prev {
    left: initial;
    right: 235px;
  }

  .landing--page .portfolio--cards.new--design .card--group.cad--horizontal-slider .slick-arrow.next {
    left: initial;
    right: 175px;
  }

  .landing--page .portfolio--cards.new--design.new--design .card--group .c--card .c--content .cl--facts.figures--wrap ul li {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
  }

  .landing--page .portfolio--cards.new--design.new--design .card--group .c--card .c--content .cl--logo {
    transform: translateY(-105px);
    margin-bottom: -60px;
  }

  .landing--page .portfolio--cards.new--design.new--design .card--group.cad--horizontal-slider .c--card {
    padding-top: 114px;
  }

  .landing--page .portfolio--cards.new--design.new--design .card--group .c--card .c--content .cl--logo {
    background-color: transparent;
  }

  .landing--page .portfolio--cards.new--design.new--design .card--group .c--card .c--image {
    transform: translateY(-140px);
    margin-bottom: -100px;
    width: 477px;
  }

  .landing--page .portfolio--cards.new--design.new--design .card--group .c--card .c--content .cl--tagline {
    font-size: 32px;
  }

  .landing--page .card--group .c--card .c--content .cl--facts {
    margin-bottom: 0;
  }

  .landing--page .card--group .c--card .c--content {
    width: calc(100% - 477px);
  }
}

@media screen and (max-width: 1199px) {
  .landing--page .page--banner--content.pt--120 {
    padding-top: 120px;
  }
}

@media screen and (max-width: 991px) {
  .landing--page .portfolio--cards.new--design .card--group .c--card .c--content .cl--facts.figures--wrap ul li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .landing--page .expertise--wrapper .expertise--card {
    flex: 1 1 calc(50% - 16px);
  }
}

@media screen and (max-width: 1023px) {
  .landing--page .facts--figures .mobile--image {
    display: none;
  }
}

@media screen and (max-width: 1680px) {

  .landing--page .page--banner h1,
  .landing--page .page--banner p {
    max-width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .landing--page .page--banner .width--50 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .landing--page .page--banner .page--banner--form {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .landing--page .expertise--wrapper .expertise--card {
    flex: 0 0 100%;
  }

  .landing--page .expertise--wrapper .expertise--card {
    flex: 1 1 100%;
  }

  .landing--page .facts--figures .pr--150 {
    padding-right: 0;
  }

  .landing--page .bg-image--wrap img {
    display: none;
  }

  .landing--page .development--services .pinObject>img {
    max-width: 300px;
    height: auto;
    margin-top: 24px;
  }

  .landing--page .expertise--wrapper .expertise--card>.flex {
    padding: 24px;
    padding-top: 12px;
  }

  .landing--page .workPhilosophy {
    padding-bottom: calc(56px + 40 * ((100vw - 320px) / 1360)) !important;
  }

  .landing--page .title--group .title.text--center,
  .landing--page .title--group .details.text--center {
    text-align: left;
  }

  .landing--page .accordion--group {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .landing--page .page--banner .landing-page-logo {
    margin: 0 auto 24px;
  }

  .landing--page .page--banner p,
  .landing--page .page--banner h1 {
    text-align: center;
  }

  .landing--page .title--group .title--content br {
    display: none;
  }

  .landing--page .title--group .title--content .title,
  .landing--page .title--group .title--content .details {
    text-align: center;
  }

  .landing--page .title--group .action--group .ed--btn {
    margin: 0 auto;
  }

  .landing--page .figures--wrap ul {
    margin-top: 24px;
  }

  .landing--page .figures--wrap ul li {
    flex: 1 0 50%;
    height: auto;
    padding: 24px 15px;
  }

  .landing--page .figures--wrap ul li h5 {
    font-size: 20px;
  }

  .landing--page .workPhilosophy .title--group.full--width {
    padding-right: 0;
  }

  .landing--page .workPhilosophy .wrapper>.flex {
    justify-content: center !important;
  }
}

@media screen and (max-width: 575px) {
  .landing--page .page--banner h1 {
    font-size: calc(30px + 22 * ((100vw - 320px) / 1360));
    line-height: 1.25;
  }

  .landing--page .page--banner ul.partner-logo li {
    width: calc(25% - 12px);
    height: auto;
  }

  .landing--page .page--banner ul.partner-logo li img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .landing--page .page--banner--form .form--group legend {
    padding-bottom: 0;
  }

  .landing--page .page--banner ul.partner-logo {
    gap: 12px;
  }
}

@media screen and (max-width: 380px) {
  .landing--page .figures--wrap ul li {
    flex: 1 0 100%;
  }
}

/* Industry Page Styles
======================================= */
.industry--content {
  background-image: url("../image/pages/industry-fintech/green-circle-background.webp");
  background-size: contain;
  background-position: 100% 0%;
  background-repeat: no-repeat;
}

.industry.hero-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  min-height: 680px;
  max-height: 760px;
  background: url("../image/pages/industry-fintech/fintech-bg.webp");
  padding-top: 116px;
}

.industry.hero-banner>.container {
  position: relative;
}

.industry.hero-banner .left-content {
  max-width: 600px;
  width: 100%;
  gap: 24px;
}

.industry.hero-banner .left-content .title {
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  position: relative;
}

.industry.hero-banner .left-content .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../image/pages/industry-fintech/fintech-heading-line.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.industry.hero-banner .right-content {
  position: absolute;
  right: 0;
  bottom: 0;
}

.industry.hero-banner .right-content img {
  width: auto;
}

/* .industry-services .title--content .details {
  max-width: 990px;
  width: 100%;
  margin: 0 auto;
} */
.top-hr {
  position: relative;
}

.top-hr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
}

.bottom-hr {
  position: relative;
}

.bottom-hr::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
}

.right-hr {
  position: relative;
}

.right-hr::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 22px);
  background: linear-gradient(0deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
}

.industry--lists {
  display: flex;
  flex-wrap: wrap;
}

.industry--lists .industry--card {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
}

.industry--lists .industry--card .card--penal {
  padding: 24px 0 24px 60px;
}

.industry--lists .industry--card:nth-child(odd)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 22px);
  background: linear-gradient(0deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
}

.industry--lists .industry--card:nth-child(odd) .card--penal {
  padding-left: 0;
  padding-right: 60px;
}

.industry-client-slider {
  padding: 44px 0;
}

.industry-client-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.industry-client-slider .horizontal-ticker__slide {
  position: relative;
  width: 220px !important;
  height: 80px !important;
  overflow: hidden;
  backdrop-filter: blur(50px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.industry-client-slider .horizontal-ticker__slide img {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.6s ease-out;
}

.industry-client-slider .horizontal-ticker__slide:hover img {
  filter: grayscale(0%);
}

.industry-ready {
  position: relative;
  z-index: 1;
}

/* .industry-ready:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../image/pages/industry-fintech/green-circle-background.webp");
  background-size: contain;
  background-position: 100% -2%;
  background-repeat: no-repeat;
  z-index: -1;
} */
.industry-ready .wrapper {
  border-radius: 16px;
  border: 1px solid var(--Dark-Shades-50, #cfd0d1);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  position: relative;
  padding: 30px;
  overflow: hidden;
  min-height: 400px;
}

.industry-ready .copy--wrap .copy--group .rich--text {
  text-align: center;
}

.industry-ready .wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -1;
}

.industry-counter .wrapper {
  padding-bottom: 45px;
}

.industry-counter .counter-cards .cards--item {
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  padding: 37px 0 37px 60px;
}

.industry-counter .counter-cards .cards--item:first-child {
  padding-left: 0;
}

.industry-counter .counter-cards .cards--item::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 22px);
  background: linear-gradient(0deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
}

.industry-counter .counter-cards .cards--item:last-child::before {
  display: none;
}

.industry-counter .counter-cards .cards--item h3 {
  margin-bottom: 8px;
}

.industry-solutions .image-with-content:not(.reverse) .image--wrap {
  padding-right: 100px;
}

.industry-solutions .image-with-content .image--wrap img {
  border-radius: 16px;
}

.industry-solutions .services--lists {
  max-width: 650px;
  width: 100%;
  padding: 0 18px;
}

.industry-solutions .services--lists .service--card {
  border: none;
  margin: 0;
  position: relative;
}

.industry-counter .counter-cards .cards--item {
  border: none !important;
}

.industry-solutions .services--lists .service--card:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
  z-index: 3;
}

.industry-solutions .services--lists .service--card:last-child:before {
  display: none;
}

.industry-solutions .services--lists .service--card:after {
  display: none;
}

.industry-solutions .services--lists .service--card .card--penal {
  padding: 32px 0;
  background: transparent;
}

.industry-solutions .services--lists .service--card .card--penal .h6 {
  padding-bottom: 0;
}

.industry-solutions .services--lists .service--card .card--penal:hover {
  background: none;
}

.industry-solutions .services--lists .service--card .card--penal p .link {
  color: var(--ed-primary);
}

.industry-solutions .services--lists .service--card .card--penal p .link:hover {
  color: var(--ed-gray-600);
}

.industry-specific .title--group.right--button .title--content {
  max-width: 750px;
}

.industry-specific .specific--lists {
  row-gap: 48px;
  gap: 61px;
}

.industry-specific .specific--lists .specific--card {
  width: calc(33.33% - 41px);
  position: relative;
}

.industry-specific .specific--lists .specific--card::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 22px);
  background: linear-gradient(0deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
}

.industry-specific .specific--lists .specific--card:nth-child(3n)::before {
  display: none;
}

.industry-specific .specific--lists .specific--card .card--penal {
  max-width: 340px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
}

.industry-specific .specific--lists .specific--card .card--penal * {
  color: var(--ed-gray-600);
}

.dot .outer {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: rgba(var(--ed-primary-rgb), 0.1);
  border-radius: 50%;
  position: relative;
}

.dot .inner {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--ed-primary);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dot.red .outer {
  background: rgba(254, 237, 237, 1);
}

.dot.red .inner {
  background: var(--ed-error);
}

.industry.portfolio--slider .title--group.right--button .title--content {
  max-width: 990px;
}

.industry-cta .wrapper {
  background-image: url("../image/pages/industry-fintech/industry-form-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 90px;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.industry-cta .wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("../image/pages/industry-fintech/industry-cta-handphone-bg.webp");
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;

  max-width: 999px;
  margin-left: auto;
}

.industry-cta .form-wrapper {
  max-width: 600px;
  width: 100%;
}

.client-carousel .swiper-wrapper {
  align-items: stretch;
}

.client-carousel .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: initial;
}

.client-carousel .swiper-slide img {
  width: 100%;
  height: auto;
  max-width: 200px;
}

.industry.our--clients--say .title--group {
  max-width: 670px;
  margin-left: auto;
}

.industry-swiper-actions {
  position: relative;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 24px;
  min-height: 56px;
  max-width: 130px;
}

.industry-swiper-actions .swiper-button-next:after,
.industry-swiper-actions .swiper-button-prev:after {
  display: none;
}

.industry-swiper-actions .swiper-actions {
  width: 132px;
  height: 48px;
  position: absolute;
  bottom: 60px;
  right: calc((420px - 132px) / 2);
}

.industry-swiper-actions .swiper-button-next,
.industry-swiper-actions .swiper-button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--ed-white);
  border: 1px solid var(--ed-gray-300);
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 14px;
  margin: 0;
  top: initial;
}

.industry-swiper-actions .swiper-button-next:hover,
.industry-swiper-actions .swiper-button-prev:hover {
  background: var(--ed-gray-300);
}

.our--clients--say.industry {
  background-image: url("../image/pages/industry-fintech/client-say-circle.webp");
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
}

.client-say-carousel {
  overflow: hidden;
}

.client-say-carousel .swiper-wrapper {
  align-items: stretch;
}

.client-say-carousel .clients--panel {
  padding: 32px 24px;
  border-radius: 16px;
  background: var(--ed-white);
}

.client-say-carousel .clients--text .client--logo {
  height: 60px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-say-carousel .clients--text .client--logo img {
  height: 100%;
  width: auto;
}

.client-say-carousel .clients--text .client--logo img.h-50 {
  height: 50px;
}

.client-say-carousel .clients--text .client--logo img.h-40 {
  height: 40px;
}

.client-say-carousel .clients--text .client--logo img.h-30 {
  height: 30px;
}

.client-say-carousel .clients--text>label {
  font-weight: 400;
}

.client-say-carousel .c--details {
  margin-top: auto;
}

.client-say-carousel .c--image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
  flex: 0 0 auto;
}

.client-say-carousel .c--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.industry.our--clients--say .title--group .title--content .details {
  max-width: 630px;
}

@media screen and (max-width: 1680px) {
  .industry--content {
    background-position: 100% 5%;
  }
}

@media screen and (max-width: 1560px) {
  .industry.hero-banner .right-content {
    padding-right: 50px;
  }

  .industry.our--clients--say .title--group {
    max-width: 670px;
    padding-left: 30px;
  }

  .industry.our--clients--say .title--group .title--content .details {
    max-width: 530px;
  }
}

@media screen and (max-width: 1440px) {
  .industry.our--clients--say .title--group {
    padding-left: 50px;
  }
}

@media screen and (max-width: 1320px) {
  .industry-counter .counter-cards .cards--item {
    padding: 20px;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .industry-counter .counter-cards .cards--item:first-child {
    padding-left: 20px;
  }

  .industry-counter .counter-cards .cards--item:nth-child(2n)::before {
    display: none;
  }

  .industry-specific .specific--lists {
    gap: 24px;
    row-gap: 30px !important;
  }

  .industry-specific .specific--lists .specific--card {
    width: calc(33.33% - 16px);
  }

  .industry-specific .specific--lists .specific--card .card--penal {
    padding-right: 24px;
    max-width: 100%;
  }

  .industry-cta .form-wrapper {
    max-width: 50%;
  }

  .industry-cta .wrapper::before {
    background-size: auto 70%;
    background-position: 280px 100%;
  }
}

@media screen and (max-width: 1023px) {
  .industry.hero-banner .right-content {
    padding-right: 30px;
    width: 60%;
  }

  .industry.hero-banner .right-content img {
    width: 100%;
    height: auto;
  }

  .industry.hero-banner .left-content {
    max-width: 440px;
    gap: 16px;
  }

  .industry.hero-banner .left-content .title {
    font-size: 44px;
  }

  .industry.hero-banner {
    max-height: 600px;
    min-height: initial;
  }

  .industry.our--clients--say .title--group {
    padding-left: 30px;
  }
}

@media screen and (max-width: 991px) {
  .industry-solutions .services--lists {
    max-width: 100%;
  }

  .industry-solutions .image-with-content:not(.reverse) .image--wrap {
    padding-right: 0;
  }

  .industry-specific .specific--lists {
    gap: 15px;
  }

  .industry-specific .specific--lists {
    gap: 15px;
  }

  .industry-specific .specific--lists .specific--card .card--penal {
    padding-right: 10px;
    padding-left: 10px;
  }

  .industry-cta .form-wrapper {
    max-width: 100%;
  }

  .industry-cta .wrapper::before {
    display: none;
  }

  .industry.our--clients--say .wrapper {
    flex-direction: column;
  }

  .industry.our--clients--say .title--group {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
  }

  .industry.our--clients--say .title--group .title--content .details {
    max-width: 100%;
  }

  .industry.our--clients--say .industry-client-say {
    width: 100%;
    max-width: 100%;
  }

  .industry-swiper-actions {
    display: none;
  }

  .our--clients--say.industry {
    background-position: bottom center;
  }
}

@media screen and (max-width: 767px) {
  .industry.hero-banner {
    max-height: initial;
    min-height: initial;
    height: auto;
  }

  .industry.hero-banner>.container {
    height: initial !important;
  }

  .industry.hero-banner .left-content {
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 60px;
  }

  .industry.hero-banner .left-content .title {
    font-size: 36px;
  }

  .industry.hero-banner .left-content .title::after {
    display: none;
  }

  .industry.hero-banner .left-content .title,
  .industry.hero-banner .left-content .details {
    text-align: center;
  }

  .industry.hero-banner .right-content {
    display: none;
  }

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

  .industry--lists .industry--card {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .industry--lists .industry--card:nth-child(odd) .card--penal {
    padding-right: 0;
  }

  .industry--lists .industry--card .card--penal {
    padding: 15px 0;
  }

  .industry--lists .industry--card::before,
  .industry--lists .industry--card:nth-child(odd)::before {
    content: "";
    position: absolute;
    top: initial;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
  }

  .industry-client-slider .horizontal-ticker__slide {
    width: 150px !important;
  }

  .industry-ready .wrapper {
    min-height: 350px;
  }

  .industry-counter .counter-cards .cards--item {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .industry-counter .counter-cards .cards--item::before {
    content: "";
    position: absolute;
    top: initial;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
  }

  .industry-counter .counter-cards .cards--item:nth-child(2n)::before {
    display: block;
  }

  .industry-counter .counter-cards .cards--item:last-child::before {
    display: none;
  }

  .industry-counter .counter-cards .cards--item:first-child {
    padding: initial;
  }

  .industry-counter .counter-cards .cards--item {
    padding-left: 0;
    padding-right: 0;
  }

  .industry-solutions .services--lists {
    padding: 0;
  }

  .industry-specific .specific--lists .specific--card {
    width: calc(50% - 8px);
  }

  .industry-specific .specific--lists .specific--card:nth-child(2n)::before,
  .industry-specific .specific--lists .specific--card:last-child::before {
    display: none !important;
  }

  .industry-specific .specific--lists .specific--card:nth-child(3n)::before {
    display: initial;
  }

  .industry-cta .wrapper {
    padding: 40px;
  }
}

@media screen and (max-width: 540px) {
  .industry-specific .specific--lists .specific--card {
    width: 100%;
    padding-bottom: 20px;
  }

  .industry-specific .specific--lists .specific--card .card--penal {
    padding-left: 0;
    padding-right: 0;
  }

  .industry-specific .specific--lists .specific--card::before {
    top: initial;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 1px;
  }

  .industry-specific .specific--lists .specific--card:nth-child(2n)::before {
    display: block !important;
  }

  .industry-client-slider {
    padding: 24px 0;
  }

  .industry-cta .wrapper {
    padding: 28px;
  }

  .industry-ready .wrapper {
    padding: 15px;
  }
}

/* Main Services Pages */
.main--service--page .bottom-hr::after,
.main--service--page .top-hr::after {
  background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #cbcbcb 50%, rgba(245, 245, 245, 0) 100%);
}

.hero--section {
  padding-top: 100px;
  background-image: url("../image/services-pages/main-services/product-serv-hero.png");
  background-size: 100% 100%;
  background-position: center;
}

.hero--section .hero--box {
  padding: 68px 0;
  gap: 20px;
}

.hero--section .hero--box .hero--content .page-title {
  margin-bottom: 24px;
}

.hero--section .hero--box .hero--content .page-tagline {
  margin-bottom: 16px;
}

.hero--section .hero--box .hero--content .page-tagline strong {
  color: var(--ed-primary);
}

.hero--section .hero--box .hero--content .ed--btn {
  margin-top: 44px;
}

.hero--section .hero--box .hero--image {
  max-width: 653px;
  width: 100%;
  flex: 1;
}

.hero--section .hero--box .hero--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.certification--grid {
  gap: 60px;
}

.services--section {
  position: relative;
}

.services--section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  z-index: 1;
}

.services--section .container {
  position: relative;
  z-index: 2;
}

.accordion--group.two--column {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.accordion--group.two--column .accordion {
  width: calc(50% - 25px);
}

.certification--item {
  max-height: 120px;
  text-align: center;
}

.certification--grid .certification--item img {
  height: auto;
  max-height: 120px;
}

.main--service--page .services--section::before {
  display: none;
}

.main--service--page .serv-work {
  background-image: url("../image/services-pages/product-development-service/our-expert-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.main--service--page .our--work {
  background: transparent;
}

.main--service--page .our--work .title--group .details {
  max-width: 810px;
  margin: 0 auto;
  width: 100%;
}

.main--service--page .why-choose-ed {
  position: relative;
}

.main--service--page .why-choose-ed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 576px;
  background-color: #f8f8f8;
}

.main--service--page .why-choose-ed .container {
  position: relative;
  z-index: 1;
}

.main--service--page .why-choose-ed.image-with-content .copy--wrap .copy--group li {
  padding-bottom: 32px;
  margin-bottom: 26px;
  position: relative;
}

.main--service--page .why-choose-ed.image-with-content .copy--wrap .copy--group li h3 {
  font-size: var(--text-xl);
  font-weight: 700;
  margin-bottom: 12px;
}

.main--service--page .why-choose-ed.image-with-content .copy--wrap .copy--group li:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.main--service--page .why-choose-ed.image-with-content .copy--wrap .copy--group li:last-of-type::before {
  display: none !important;
}

.main--service--page .why-choose-ed.image-with-content .copy--wrap .copy--group li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #cbcbcb 0%, #f5f5f5 100%);
}

.main--service--page .why-choose-ed.image-with-content .copy--wrap .copy--group li strong {
  margin-bottom: 12px;
}

/* .main--service--page .industry.our--clients--say .title--group {
  max-width: 580px;
} */
.main--service--page .client-say-carousel.main-service-page .clients--panel {
  padding: 64px;
  background: #f8f8f8;
  box-shadow: 0 -16.324px 20.405px 0 rgba(46, 104, 253, 0.04), -20.405px 20.405px 30.607px 0 rgba(46, 104, 253, 0.08);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.main--service--page .client-say-carousel.main-service-page {
  padding-left: 40px;
}

/* .main--service--page .industry-client-say.one-say {
  max-width: 1046px;
} */
.main--service--page .our--clients--say.industry {
  background-image: none;
}

.main--service--page .industry-swiper-actions .swiper-button-next:hover,
.main--service--page .industry-swiper-actions .swiper-button-prev:hover {
  background-color: var(--ed-black);
  border-color: var(--ed-black);
}

.main--service--page .industry-swiper-actions .swiper-button-next:hover svg path,
.main--service--page .industry-swiper-actions .swiper-button-prev:hover svg path {
  stroke: var(--ed-white);
}

.brand-slider .swiper {
  width: 100%;
  overflow: hidden;
}

.brand-slider .swiper-slide {
  width: auto !important;
  /* important for marquee-style */
}

.brand-slider .swiper-wrapper {
  transition-timing-function: linear;
}

.brand-slider .brand-right-swiper {
  margin-top: 24px;
}

.ai-capabilities .details {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}

.main--service--page .why-choose-ed.ai-capabilities::before {
  display: none;
}

.why-group-wrapper,
.empowering-businesses-wrapper {
  background-image: url("../image/services-pages/main-services/main-service-background.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.main--service--page .page--faqs .title--group {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

/* Industry Sectors Grid */
.industry-sectors-grid {
  display: flex;
  align-items: stretch;
  gap: 32px;
  align-self: stretch;
  max-width: 1720px;
  width: 100%;
}

.industry-sectors-grid.top {
  margin-left: auto;
  padding-right: 60px;
  padding-left: 20px;
}

.industry-sectors-grid.bottom {
  margin-right: auto;
  padding-left: 60px;
  padding-right: 20px;
}

.sectors-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 44px;
}

.industry-sectors-grid .sector-card {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 8.162px;
  border-radius: 8.162px;
  flex: 1;
  border: 2px solid rgba(97, 185, 132, 0.1);
  background: rgba(97, 185, 132, 0.15);
  box-shadow: 0 -16.324px 20.405px 0 rgba(46, 104, 253, 0.04), -20.405px 20.405px 30.607px 0 rgba(46, 104, 253, 0.08);
  height: 100%;
}

.industry-sectors-grid .sector-card .sector-icon {
  height: 40px;
  width: 40px;
}

.industry-sectors-grid .sector-card .sector-label {
  color: var(--ed-dark-green);
  line-height: normal;
}

@media screen and (max-width: 1560px) {
  .sectors-inner {
    gap: 30px;
  }

  .industry-sectors-grid {
    gap: 20px;
  }

  .industry-sectors-grid .sector-card {
    padding: 12px;
  }

  .industry-sectors-grid .sector-card .sector-icon {
    height: 32px;
    width: 33px;
  }

  .industry-sectors-grid .sector-card .sector-icon svg {
    width: 100%;
    height: auto;
  }

  .industry-sectors-grid .sector-card .sector-label {
    font-size: 14px;
  }

  .main--service--page .client-say-carousel.main-service-page .clients--panel {
    padding: 30px;
  }

  .client-say-carousel .clients--text>label {
    font-size: 18px;
  }
}

@media screen and (max-width: 1300px) {
  .certification--grid {
    gap: 20px;
  }

  .certification--grid .certification--item img {
    max-height: 90px;
  }
}

@media screen and (max-width: 1200px) {
  .industry-sectors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .industry-sectors-grid.top {
    padding-left: 50px;
    padding-right: 50px;
  }

  .industry-sectors-grid.bottom {
    padding-left: 50px;
    padding-right: 50px;
  }

  .main--service--page .client-say-carousel.main-service-page .clients--panel {
    padding: 20px;
  }

  .client-say-carousel .clients--text>label {
    font-size: 16px;
  }

  .main--service--page .client-say-carousel.main-service-page {
    padding-left: 20px;
  }

  .hero--section .hero--box br {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .accordion--group.two--column {
    flex-direction: column;
  }

  .accordion--group.two--column .accordion {
    width: 100%;
  }

  .certification--grid {
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 15px;
  }

  .certification--grid .certification--item {
    width: calc(33.333% - 27px);
  }

  .certification--grid .certification--item img {
    width: 100%;
  }

  .main--service--page .our--clients--say.industry {
    padding-top: 80px !important;
  }

  .main--service--page .client-say-carousel.main-service-page {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .hero--content {
    flex: 1;
    max-width: 65%;
  }

  .hero--section .hero--box .hero--image {
    display: none;
  }

  .sectors-inner {
    gap: 20px;
  }

  .industry-sectors-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .industry-sectors-grid.top {
    padding-left: 16px;
    padding-right: 16px;
  }

  .industry-sectors-grid.bottom {
    padding-left: 16px;
    padding-right: 16px;
  }

  .main--service--page .our--clients--say.industry {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 575px) {
  .hero--content {
    max-width: 100%;
  }

  .certification--grid {
    gap: 25px;
    row-gap: 10px;
  }

  .industry-sectors-grid {
    gap: 12px;
  }

  .sectors-inner {
    gap: 12px;
  }

  .industry-sectors-grid .sector-card .sector-icon {
    height: 25px;
    width: 25px;
    flex: 0 0 auto;
  }

  .industry-sectors-grid .sector-card .sector-label {
    font-size: 13px;
  }

  .industry-sectors-grid .sector-card {
    padding: 10px;
  }
}

.hero--section.offer--hero {
  min-height: 1080px;
  overflow: hidden;
}

.hero--section.offer--hero .hero--box {
  padding-top: 160px;
  position: relative;
}

.hero--section.offer--hero .hero--box .hero--content .page-title {
  margin-bottom: 16px;
  font-weight: 500;
}

.hero--section.offer--hero .hero--box .hero--content .page-tagline {
  margin-bottom: 60px;
  font-weight: 500;
}

.hero--section.offer--hero .hero--box .hero--content .page-description {
  margin-bottom: 24px;
  font-weight: 400;
  max-width: 1000px;
  line-height: 150%;
}

.hero--section.offer--hero .hero--box .hero--content .ed--btn {
  margin-top: 60px;
}

.hero--section.offer--hero .hero--box .hero--content .page-tagline strong {
  position: relative;
}

.hero--section.offer--hero .hero--box .hero--content .page-tagline strong::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 80%;
  height: 100%;
  background-image: url("../image/pages/industry-fintech/fintech-heading-line.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

.hero--section.offer--hero .hero--box .hero--image {
  position: absolute;
  bottom: -700px;
  right: -280px;
  max-width: 1030px;
}

.offer--slider {
  background-color: var(--ed-primary);
  padding: 24px 0;
  transform: rotate(-3deg) translateY(45px);
  -webkit-transform: rotate(-3deg) translateY(45px);
  position: relative;
  z-index: 2;
  margin-top: -91px;
  width: 102%;
  margin-left: -1%;
}

.offer--slider .swiper {
  width: 100%;
  overflow: hidden;
}

.offer--slider .swiper-slide {
  width: auto !important;
  /* important for marquee-style */
}

.offer--slider .swiper-wrapper {
  transition-timing-function: linear;
}

.offer--slider .h5 {
  color: var(--ed-white);
  margin-bottom: 0;
  font-weight: 600;
}

.main--service--page .cashback--understanding.why-choose-ed::before {
  display: none;
}

.main--service--page .why-choose-ed.cashback--understanding .copy--wrap .copy--group .list--style li {
  display: flex;
  align-items: center;
  gap: 12px;
}

.main--service--page .why-choose-ed.cashback--understanding .copy--wrap .copy--group .list--style li svg {
  margin-bottom: 0;
  flex: 0 0 auto;
}

.main--service--page .why-choose-ed.why--offer::before {
  height: 720px;
  background-color: #f6f9fc;
}

.offer.why-group-wrapper {
  background-position: 100% -20%;
  background-size: cover;
}

.cashback-process--section {
  background-color: #f6f9fc;
}

.why-group-wrapper.offer-delevering {
  background-size: cover;
}

.cashback-process--section .process--wrapper .process--items {
  display: flex;
  flex-direction: column;
  max-width: 387px;
  text-align: center;
  gap: 24px;
}

.cashback-process--section .process--wrapper .process--items .content {
  display: flex;
  flex-direction: column;
  max-width: 365px;
  text-align: center;
  gap: 24px;
}

.cashback-process--section .process--wrapper .process--items .content .saprator {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #f5f5f5 0%, #cbcbcb 45.36%, #f5f5f5 100%);
}

.cashback-process--section .process--wrapper .process--items:nth-child(2) {
  position: relative;
}

.cashback-process--section .process--wrapper .process--items:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -200px;
  width: 100%;
  max-width: 248px;
  height: 28px;
  background-image: url("../image/landing-page/offer/arrow-down-offer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.cashback-process--section .process--wrapper .process--items:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 80px;
  right: -200px;
  width: 100%;
  max-width: 248px;
  height: 28px;
  background-image: url("../image/landing-page/offer/arrow-down-offer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  -moz-transform: rotate(180deg) scaleX(-1);
  -ms-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
}

.offer-contact {
  background: #f6f9fc;
  position: relative;
}

.offer-contact::before {
  content: "";
  position: absolute;
  top: 300px;
  right: 100px;
  width: 100%;
  height: 100%;
  background-image: url("../image/landing-page/offer/build-with-confidence.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-width: 700px;
}

.offer-contact .contact-form--wrapper {
  max-width: 998px;
  padding: 60px;
  box-shadow: 0 -16.324px 20.405px 0 rgba(46, 104, 253, 0.04), -20.405px 20.405px 30.607px 0 rgba(46, 104, 253, 0.08);
}

.main--service--page .cashback--understanding {
  background-image: url("../image/services-pages/product-development-service/our-expert-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.offer-faqs .ui-accordion .ui-accordion-header {
  padding: 44px 32px 44px 0;
}

.offer-faqs .accordion--group {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
}

.main--service--page .offer-faqs {
  background-image: url("../image/landing-page/offer/faq--background.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 1680px) {
  .hero--section.offer--hero .hero--box .hero--content .page-description {
    max-width: 770px;
  }

  .hero--section.offer--hero {
    min-height: 950px;
  }

  .hero--section.offer--hero .hero--box .hero--image {
    bottom: -500px;
    right: -200px;
    max-width: 800px;
  }

  .offer.why-group-wrapper {
    background-position: 100% -111%;
  }

  .cashback-process--section .process--wrapper .process--items:nth-child(2)::before {
    left: -46%;
    width: 100%;
    max-width: 200px;
  }

  .cashback-process--section .process--wrapper .process--items:nth-child(2)::after {
    right: -46%;
    width: 100%;
    max-width: 200px;
  }

  .offer-contact::before {
    max-width: 45vw;
    right: 0vw;
  }
}

@media screen and (max-width: 1440px) {
  .cashback-process--section .process--wrapper {
    gap: 50px;
  }

  .cashback-process--section .process--wrapper .process--items:nth-child(2)::before {
    left: -10vw;
    max-width: 170px;
  }

  .cashback-process--section .process--wrapper .process--items:nth-child(2)::after {
    right: -10vw;
    max-width: 170px;
  }

  .offer.why-group-wrapper {
    background-position: 100% 39vw;
  }

  .offer-contact .two-col--form .form--group .form-check {
    max-width: 56vw;
  }
}

@media screen and (max-width: 1310px) {
  .hero--section.offer--hero .hero--box .hero--content .page-description {
    max-width: 690px;
  }

  .hero--section.offer--hero .hero--box {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .hero--section.offer--hero .hero--box .hero--content .page-tagline {
    line-height: 1.6;
    max-width: 650px;
    margin-bottom: 30px;
  }

  .hero--section.offer--hero .hero--box .hero--content .ed--btn {
    margin-top: 40px;
  }

  .hero--section.offer--hero .hero--box .hero--image {
    bottom: -350px;
    right: -150px;
    max-width: 750px;
  }

  .hero--section.offer--hero {
    min-height: 850px;
  }

  .cashback-process--section .process--wrapper .process--items:nth-child(2)::before {
    left: -8vw;
    max-width: 150px;
  }

  .cashback-process--section .process--wrapper .process--items:nth-child(2)::after {
    right: -8vw;
    max-width: 150px;
  }
}

@media screen and (max-width: 1199px) {
  .hero--section.offer--hero .hero--box .hero--image {
    right: -165px;
    max-width: 700px;
  }

  .hero--section.offer--hero .hero--box {
    padding-top: 80px;
  }
}

@media screen and (max-width: 1024px) {
  .offer-contact .two-col--form .form--group .action--group {
    margin-left: 0;
    margin-top: 30px;
  }

  .offer-contact::before {
    display: none;
  }

  .offer-contact .two-col--form .form--group .form-check {
    max-width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .hero--section.offer--hero .hero--box {
    padding-top: 60px;
  }

  .hero--section.offer--hero .hero--box .hero--image {
    position: relative;
    top: 30px;
    max-width: 60vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-bottom: -25vw;
  }

  .hero--section.offer--hero {
    min-height: auto;
  }

  .hero--section.offer--hero .hero--box {
    text-align: center;
  }

  .hero--section.offer--hero .hero--box .hero--content .page-tagline {
    max-width: 100%;
  }

  .hero--section.offer--hero .hero--box .hero--content .page-description {
    max-width: 100%;
  }

  .hero--section.offer--hero .hero--box .hero--content .ed--btn {
    margin-top: 30px;
  }

  .hero--section.offer--hero .hero--box .hero--content .page-tagline strong::after {
    display: none;
  }

  .hero--section.offer--hero .hero--box .hero--content .ed--btn {
    margin-left: auto;
    margin-right: auto;
  }

  .offer--slider {
    padding: 15px 0;
  }

  .main--service--page .cashback--understanding .title--group,
  .offer.why-group-wrapper .title--group,
  .cashback-process--section .process--wrapper .title--group,
  .offer-contact .title--group {
    width: 100%;
  }

  .offer.why-group-wrapper .image-with-content .wrapper {
    padding-bottom: 50px;
  }

  .cashback-process--section .process--wrapper {
    flex-direction: column;
    align-items: center !important;
  }

  .cashback-process--section .process--wrapper .process--items:nth-child(2)::before,
  .cashback-process--section .process--wrapper .process--items:nth-child(2)::after {
    display: none;
  }

  .main--service--page .cashback--understanding .title--group .title--content,
  .offer.why-group-wrapper .title--group .title--content,
  .main--service--page .cashback--understanding .heading--group,
  .cashback-process--section .title--group .title--content,
  .why-group-wrapper.offer-delevering .title--content,
  .offer-contact .title--content,
  .main--service--page .why-choose-ed.cashback--understanding .copy--wrap .copy--group .list--style li:last-child {
    text-align: center;
  }

  .main--service--page .why-choose-ed.cashback--understanding .copy--wrap .copy--group .list--style li br,
  .offer-contact .title--group.without--button .title--content.full--width br,
  .offer.why-group-wrapper .title--group .title--content br {
    display: none;
  }

  .main--service--page .why-choose-ed.cashback--understanding .copy--wrap .copy--group a {
    justify-content: center;
  }

  .offer-contact::before {
    display: none;
  }

  .cashback-process--section .process--wrapper .process--items,
  .cashback-process--section .process--wrapper .process--items .content,
  .offer-delevering .industry.our--clients--say .title--group {
    max-width: 100%;
  }

  .offer-faqs .ui-accordion .ui-accordion-header {
    padding: 24px 32px 24px 0;
  }

  .offer-faqs .ui-accordion .ui-accordion-header .h5 {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .hero--section.offer--hero .hero--box .hero--content {
    max-width: 100%;
  }

  .hero--section.offer--hero .hero--box .hero--content .page-tagline {
    max-width: 100%;
    line-height: 1.3;
  }

  .hero--section.offer--hero .hero--box .hero--content .page-description {
    max-width: 100%;
  }

  .hero--section.offer--hero .hero--box .hero--content .ed--btn {
    margin-top: 30px;
  }

  .hero--section.offer--hero .hero--box .hero--image {
    display: block;
    margin-bottom: -34vw;
    max-width: 100vw;
  }

  .offer--slider .h5 {
    font-size: 18px;
  }

  .offer--slider .swiper-slide .gap--32 {
    gap: 12px;
  }

  .offer--slider .swiper-slide svg {
    width: 32px;
    height: 32px;
  }

  .offer--slider .swiper-wrapper {
    gap: 10px;
  }

  .offer--slider .swiper-slide {
    width: auto !important;
  }

  .cashback-process--section .process--wrapper .process--items svg {
    max-width: 80px;
    height: auto;
  }

  .cashback-process--section .process--wrapper .process--items {
    gap: 10px;
  }

  .offer-contact .contact-form--wrapper {
    padding: 20px 40px 40px;
  }

  .offer-faqs .ui-accordion .ui-accordion-header {
    padding: 18px 26px 18px 0;
  }

  .offer-faqs .ui-accordion .ui-accordion-header .h5 {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .offer-contact .contact-form--wrapper {
    padding: 20px 20px 30px;
  }
}