/*
    Theme Name: EvinceDev
    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;
}

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

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

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

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

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

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

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

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

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

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

.gray--bg {
    background: 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--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--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-bottom: 48px;
}

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

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

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

.height-auto {
    height: auto !important;
    max-height: max-content !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;
}

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

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

@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: "Averta Std";
    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--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 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 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--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;
    }
}

/*  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.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
}

@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 picture,
.brands--group .brand--card figure {
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    opacity: 0.8;
    transition: all 0.3s ease;
    text-align: center;
}

.brands--group .brand--card picture img,
.brands--group .brand--card figure img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.brands--group .brand--card:hover picture,
.brands--group .brand--card:hover figure {
    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 picture,
    .brands--group .brand--card figure {
        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 picture,
    .brands--group .brand--card figure {
        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 .insights--list-group {
    margin: 0 -16px;
}

.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 .h6 {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    color: var(--ed-gray-900);
    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;
    }
}

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

.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--evince .life--evince--wrap {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.life--evince .life--evince--wrap img {
    max-width: 420px;
    height: auto;
    margin: 10px;
    filter: grayscale(1);
    transition: all 0.3s ease;
}

.life--evince .life--evince--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--evince .life--evince--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: "Averta Std";
    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: "Averta Std";
    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 {
    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: .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: 1000px;
}
.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 .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-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 .details--group .title{
        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: 200px;
        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: 575px) {
    .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;
    }
}


/*  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: 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%;
    }
}