@charset "utf-8";
:root {
--Manrope:"Manrope", sans-serif;

/* COLOR VARIABLES */
--white: #ffffff;
--black: #0B2631;
--faint--blue: #E1F1F9;
--blue: #04AEE2;
--grey: #BFBFBF;

/* TRANSITION SPEED */
--all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s;

--gap-sm: 8px;
--gap-md: 16px;
--gap-lg: 24px;
--gap-xl: 32px;
--gap-xxl: 40px;
--gap-xxxl: 48px;
}

/* ========================== COMMON CSS ========================== */
html { scroll-behavior: smooth; }
*,ul,ol,li,a { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--Manrope); font-weight: 400; line-height: 1.5; color: inherit; color: var(--black); }
input,input:focus,textarea,textarea:focus,.form-control,.form-control:focus, .btn:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; background: transparent; color: rgb(var(--black) / 70%); }
*,a,a:active,a:focus,a:hover,button:hover,button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
a:hover { color: inherit; }

body { width: 100%; font-size: 18px; line-height: 1.4; width: 100%; position: relative; font-weight: 300; color: var(--black); z-index: 1; font-family: var(--Manrope); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); overflow-x: hidden; }
body p { font-size: 18px; line-height: 1.4; color: var(--black); margin-bottom: 20px; font-weight: 300; font-family: var(--Manrope); }
.no-scroll { overflow: hidden; }

p:empty { margin-bottom: 0px!important; }

::-moz-selection { color: var(--white); background: var(--black); }
::selection { color: var(--white); background: var(--black); }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f2f2f2; }
::-webkit-scrollbar-thumb { background-color: var(--blue); border-radius: 3px; }

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

@media screen and (min-width: 1200px) {
.container-fluid { max-width: calc(100% - 200px); margin: 0 auto; position: relative; }
.container { max-width: 95%; }
}
@media screen and (min-width: 1680px) {
.container { max-width: 1600px; position: relative; z-index: 1; }
}
@media screen and (min-width: 2559.98px) {
.container { max-width: 1880px; position: relative; z-index: 1; }
}

.form-control::-webkit-input-placeholder { color: var(--black); font-size: 16px; }
.form-control::-moz-placeholder { color: var(--black); font-size: 16px; }
.form-control:-ms-input-placeholder { color: var(--black); font-size: 16px; }
.form-control::-ms-input-placeholder { color: var(--black); font-size: 16px; }
.form-control::placeholder { font-size: 16px; -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); color: var(--black); }

label { font-size: 20px; line-height: 1; font-weight: 300; position: absolute; left: 0; top: 0; padding: 12px 0; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
label span { color: #FF0000; }
.form-group { margin-bottom: var(--gap-lg); }
.form-control { width: 100%; padding: 12px 0px; height: 50px; font-size: 16px; font-weight: 400; color: var(--black); line-height: 1.5; border: none; border-bottom: 1px solid rgba(0,0,0,0.2); border-radius: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; background: transparent; }
.form-control:not(:-moz-placeholder-shown) ~ label { font-size: 14px; transform: translateY(-20px); }
.form-control:not(:-ms-input-placeholder) ~ label { font-size: 14px; -ms-transform: translateY(-20px); transform: translateY(-20px); }
.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label { font-size: 14px; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
.form-control:focus, .form-select:focus { color: var(--black, #252324); background: transparent; border-bottom: 1px solid var(--blue); outline: none; -webkit-box-shadow: none; box-shadow: none; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-select { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; color: var(--black, #252324); font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: 0.3px; padding: 12px 0; padding-right: 15px; border-bottom: 1px solid rgb(94 95 97 / 10%); border-radius: 0; cursor: pointer; }
.form-select:focus { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
 input[type=number] { -moz-appearance: textfield; }

.img--bx { border-radius: 16px; overflow: hidden; }
img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#smooth-content { position: relative; overflow: hidden; }
.overlay--div { opacity: 0; pointer-events: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 111; background: rgba(0, 0, 0, 0.85); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
body.no-scroll .overlay--div { opacity: 1; }
html.modal-open, body.modal-open, .modal-open .navbar, .modal-open .header { padding-right: 0 !important; overflow: hidden; }

/* HEADINGS */
.hero--1 { font-size: 44px; line-height: 1.4; font-weight: 500; font-family: var(--Manrope); }
.hero--2 { font-size: 34px; line-height: 1.2; font-weight: 400; font-family: var(--Manrope); margin-bottom: var(--gap-lg); }

.h1 { font-size: 50px; line-height: 1.3; font-weight: 500; font-family: var(--Manrope); margin-bottom: var(--gap-xxxl); }
.h2 { font-size: 45px; line-height: 1.3; font-weight: 500; font-family: var(--Manrope); margin-bottom: var(--gap-xl); }
.h3 { font-size: 16px; line-height: 1.3; font-weight: 600; font-family: var(--Manrope); margin-bottom: var(--gap-md); text-transform: uppercase; } 
.h4 { font-size: 30px; line-height: 1.3; font-weight: 400; font-family: var(--Manrope); margin-bottom: var(--gap-md); }
.h5 { font-size: 22px; line-height: 1.3; font-weight: 400; font-family: var(--Manrope); }
.h6 { font-size: 20px; line-height: 1.3; font-weight: 500; font-family: var(--Manrope); }
.h7 { font-size: 20px; line-height: 1.3; font-weight: 300; font-family: var(--Manrope); }
.h8 { font-size: 18px; line-height: 1.3; font-weight: 300; font-family: var(--Manrope); }
.h9 { font-size: 14px; line-height: 1.3; font-weight: 500; font-family: var(--Manrope); }

.p1 { font-size: 30px; line-height: 1.3; font-weight: 400; font-family: var(--Manrope); color: var(--black); }
.p2 { font-size: 20px; font-weight: 400; line-height: 1.2; font-family: var(--Manrope); color: var(--black); margin-bottom: var(--gap-lg); }

.blue { color: var(--blue); }
.radius-30 { overflow: hidden; border-radius: 30px; }

.py--lg { padding: calc(var(--gap-xxl) * 2.2) 0; }
.pb--lg { padding-bottom: calc(var(--gap-xxl) * 2.2); }
.pt--lg { padding-top: calc(var(--gap-xxl) * 2.2); }

.py--md { padding: calc(var(--gap-xl) * 1.3) 0; }
.pb--md { padding-bottom: calc(var(--gap-xl) * 1.3); }
.pt--md { padding-top: calc(var(--gap-xl) * 1.3); }

.img--bx { width: 100%; height: auto; }
.img--bx img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/* BUTTONS */
.btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--gap-md) var(--gap-lg); border-radius: 40px; cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; }
.btn span { font-size: 16px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.1; text-align: center; font-family: var(--Manrope); color: inherit; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; z-index: 1; }
.btn .svg { width: 15px; height: auto; margin-left: 10px; margin-top: 1px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn:hover .svg { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); }
.btn .svg path { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.btn--primary { background: var(--blue); color: var(--white); border: 1px solid var(--blue); }
.btn--primary span { color: var(--white); }
.btn--primary:hover { background: transparent; }
.btn--primary:hover span { color: var(--blue); }
.btn--primary svg path { fill: var(--white); }
.btn--primary:hover svg path { fill: var(--blue); }

.btn--secondary { background: var(--black); color: var(--white); border: 1px solid var(--black); }
.btn--secondary span { color: var(--white); }
.btn--secondary:hover { background: transparent; }
.btn--secondary:hover span { color: var(--black); }
.btn--secondary svg path { fill: var(--white); }
.btn--secondary:hover svg path { fill: var(--black); }

.btn--border--blue { background: transparent; border: 1px solid var(--blue); color: var(--blue); }
.btn--border--blue span { color: var(--blue); }
.btn--border--blue svg path { fill: var(--blue); }
.btn--border--blue:hover svg path { fill: var(--white); }
.btn--border--blue:hover { background: var(--blue); }
.btn--border--blue:hover span { color: var(--white); }

.btn--border--black { background: transparent; border: 1px solid var(--black); color: var(--black); }
.btn--border--black span { color: var(--black); }
.btn--border--black:hover { background: var(--black); }
.btn--border--black:hover span { color: var(--white); }
.btn--border--black svg path { fill: var(--black); }
.btn--border--black:hover svg path { fill: var(--white); }

.read--more { font-size: 16px; color: var(--black);  font-family: var(--Manrope); font-weight: 600; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.read--more:hover { color: var(--blue); }
.read--more svg { width: 15px; height: auto; margin-left: 10px; }
.read--more svg path { fill: var(--black); transition: var(--all-medium); }
.read--more:hover svg path { fill: var(--blue); }

.read--more--blue { font-size: 16px; color: var(--blue);  font-family: var(--Manrope); font-weight: 600; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.read--more--blue:hover { color: var(--black); }
.read--more--blue svg { width: 15px; height: auto; margin-left: 10px; }
.read--more--blue svg path { fill: var(--blue); transition: var(--all-medium); }
.read--more--blue:hover svg path { fill: var(--black); }

.img-animate { overflow: hidden; }
.img-animate img { -webkit-transition: none; -o-transition: none; transition: none; }


/* HEADER */
.header { position: fixed; padding: 20px 0px 0px; left: 0; top: 0; width: 100%; border-bottom: 1px solid transparent; background: var(--white); z-index: 111; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .container { border-bottom: 1px solid rgba(0, 0, 0, 0.10); transition: var(--all-medium); }
.header.show { background: rgba(225, 241, 249, 0.92); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); padding: 5px 0px; }
.header.show .container { border-bottom: none; }
.header .container-fluid { max-width: 100%; }
.header .logo { width: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header.show .logo { width: 190px; }
.header .navbar--nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .navbar--nav li:not(.dropdown--menu li) { padding: 10px 0px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header.show .navbar--nav li:not(.dropdown--menu li) { padding: 0px 0px; }
/* .header.show .navbar--nav li:not(.dropdown--menu li) { padding: 5px 0px; } */
.header .navbar--nav li a { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: uppercase; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: var(--gap-xxl); letter-spacing: 0.6px; padding: 15px 0px 20px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--black); font-size: 14px; font-weight: 600; line-height: 1; color: var(--black); font-family: var(--Manrope); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; }
.header .navbar--nav li a:hover { color: var(--blue); } 
.header .navbar--nav li:first-child a { margin-left: 0px; }
.header .navbar--nav li a:after { content: ""; position: absolute; right: 0px; bottom: 0px; width: 0px; height: 2px; background: var(--green); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav li a:hover:after, .header .navbar--nav li.active a:after { width: 100%; left: 0; right: unset; }
.header .navbar--nav li.active .dropdown--menu li a::after { width: 0px; }
.header .navbar--nav li.active .dropdown--menu li a:hover::after { width: 100%; }
.header .navbar--container { margin-left: calc(var(--gap-xl)* 2.5); }

.header .navbar--nav li a.btn { padding: var(--gap-md) var(--gap-lg); }
.header .navbar--nav li a.btn span { text-transform: none; }
.header.show .navbar--nav li a.btn span { font-size: 14px; }
.header.show .navbar--nav li .btn:not(.dropdown--bx .dropdown--menu li a) { text-transform: none; padding: calc(var(--gap-sm) * 1.4) var(--gap-lg); }

/* .header.show .navbar--nav li a:not(.dropdown--bx .dropdown--menu li a) { padding: 9px 0px 9px 0px; font-size: 12px; } */
/* .header.show .sub--header li .btn span { font-size: 12px; } */

.top--header-grp { display: flex; align-items: center; justify-content: end; height: 21px; transition: var(--all-medium);  -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
.header.show .top--header-grp { -webkit-clip-path: inset(0% 0% 100% 0%); clip-path: inset(0% 0% 100% 0%); height: 0px; margin-bottom: 0px; }

.top--header-grp .sub--header { display: flex; align-items: center; }
.top--header-grp .sub--header li a { font-size: 12px; font-weight: 600; padding: 12px 0px; transition: var(--all-medium); }
.top--header-grp .sub--header li a:hover { color: var(--blue); }
.top--header-grp .sub--header li a.btn { padding: 12px 20px; }
.top--header-grp .sub--header li:not(.dropdown--bx .dropdown--menu li) { margin: 0px var(--gap-md); }
.top--header-grp .lang--btn { border: 1px solid var(--blue); padding: 8px 20px; line-height: 1; border-radius: 30px; font-size: 16px; color: var(--black); transition: var(--all-medium); }
.top--header-grp .lang--btn:hover { color: var(--blue); }

.top--header-grp { display: flex; align-items: center; justify-content: end; margin-bottom: 5px; }
.top--header-grp .contact--grp { display: flex; align-items: center; margin-right: var(--gap-lg); }
.top--header-grp .contact--grp li { margin-left: var(--gap-lg); display: flex; align-items: center; }
.top--header-grp .lang-item a { font-size: 14px; }
.top--header-grp .contact--grp li a .svg { width: auto; height: 20px; height: auto; }
.top--header-grp .contact--grp li a svg path { fill: var(--blue); transition: var(--all-medium); }
.top--header-grp .contact--grp li a:hover svg path { fill: var(--black); }
.top--header-grp .contact--grp li.hamburger--div--cont { display: none; }

.dropdown--bx a .arrow { width: 10px; height: auto; -o-object-fit: contain; object-fit: contain; margin-left: 6px; transition: var(--all-medium); }
.dropdown--bx a svg path { transition: var(--all-medium); }
.dropdown--bx a:hover svg path { fill: var(--blue); }
.dropdown--bx { position: relative; }
.dropdown--bx .dropdown--menu { position: absolute; top: 100%; left: 50%; z-index: 11; -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); min-width: 330px; width: auto; background: var(--white); border: 1px solid var(--blue); opacity: 0; pointer-events: none; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); border-radius: 6px; padding: 20px 20px 10px 20px; }
.dropdown--bx .dropdown--menu li a { margin-left: 0px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 14px 0px; opacity: 0.9; border-bottom: 1px solid #ebebeb; }
.dropdown--bx .dropdown--menu li:last-child a { border-bottom: 0px; }
.dropdown--bx .dropdown--menu li:first-child a { padding-top: 0px; }
.dropdown--bx .dropdown--menu:before { content: ""; position: absolute; width: 15px; height: 15px; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); margin-bottom: -7px; background: var(--white); border-top: 1px solid var(--blue); border-left: 1px solid var(--blue); }
.dropdown--bx:hover .dropdown--menu { opacity: 1; -webkit-transform: translateX(-50%) translateY(0px); -ms-transform: translateX(-50%) translateY(0px); transform: translateX(-50%) translateY(0px); pointer-events: auto; }

.navbar--container .close--btn { display: none; }

/* BANNER */
.home--banner { padding: 200px 0px 100px 0px; }
.home--banner .row { --bs-gutter-x: 100px; }
.home--banner .banner--text .hero--1 { color: var(--black); margin-bottom: var(--gap-lg); }
.home--banner .banner--text p { margin-bottom: var(--gap-xl); font-weight: 500; }
.home--banner .banner--text .btn--grp .btn { margin-right: var(--gap-lg); }

.banner--img--grp { display: flex; justify-content: flex-end; flex-direction: column; align-items: flex-end; }
.banner--img--grp .banner--small--img { width: 300px; border-radius: 20px; overflow: hidden; }
.banner--img--grp .banner--big--img { width: calc(100% - 100px); border-radius: 20px; overflow: hidden; margin-right: 100px; margin-top: -70px; position: relative; z-index: 1; }

/* Client section */
.Clients--sec { background: var(--faint--blue); }
.Clients--sec .container-fluid { max-width: 100%; }
.Client--slider .swiper-wrapper { transition-timing-function: linear; }
.Client--slider .client--logo { padding: 0px 10px; display: flex; justify-content: center; clear: both; }
.Client--slider .client--logo img { object-fit: contain; width: auto; height: 100px; }


/* about section */
.home--about .row { --bs-gutter-x: 50px; }
.home--about .partner--logo { display: block; width: 270px; margin-bottom: var(--gap-lg); transform: translateX(-12px); }
.home--about .partner--logo img { width: 100%; height: auto; object-fit: contain; }
.home--about .about--img { width: 100%; height: auto; border-radius: 20px; overflow: hidden; margin-bottom: var(--gap-xxl); }
.about--desc ul li { font-size: 18px; margin-bottom: 5px; }
.about--desc ul { margin-bottom: 20px; }

.rating--div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
.rating--div li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 30px); flex: 0 0 calc(33.33% - 30px); }
.rating--div li .rating--bx .rating--icon { width: auto; height: 55px; margin-bottom: var(--gap-lg); display: flex; }
.rating--div li .rating--bx .rating--icon img { width: auto; height: 100%; object-fit: contain; }
.rating--div li .rating--bx .counter--value-grp, .rating--div li .rating--bx .counter--value-grp .counter--value { color: var(--black); line-height: 1; margin-bottom: 0px; font-size: 42px; font-weight: 400; }
.rating--div li .rating--bx .counter--text { font-size: 20px; text-transform: uppercase; line-height: 1.2; font-weight: 400; margin-top: var(--gap-md); display: flex; }
.rating--div li .rating--bx p:last-child { margin-bottom: 0px; }

/* solution section */
.offer--sec { background: #0B2631; }
.offer--sec .h2, .offer--sec .h3, .offer--sec p { color: var(--white); }
.solution--list.row { --bs-gutter-x: 150px; margin-top: var(--gap-xxl); }
.solution--bx { display: flex; align-items: flex-start; height: 100%; width: 100%; padding: var(--gap-xxl) 0px calc(var(--gap-xxl) * 1.5); border-top: 1px solid rgba(225, 241,249, 0.3); }
.solution--bx .solution--icon { width: 150px; flex: 0 0 auto; margin-right: 30px; display: flex; }
.solution--bx .solution--icon img { width: 100%; height: auto; object-fit: contain; }
.solution--bx .solution--text { flex: 1; height: 100%; display: flex; flex-flow: column wrap;  }
.solution--bx .solution--text .h4 { color: var(--blue); }
.solution--bx .solution--text p { color: var(--white); }
.solution--bx .solution--text .btn--grp { display: inline-flex; align-items: center; gap: 50px; margin-top: 10px; margin-top: auto; }
.solution--bx .solution--text .btn--grp .solution--logo { display: flex; height: 40px; width: auto; }
.solution--bx .solution--text .btn--grp .solution--logo img { height: 100%; width: auto; object-fit: contain; }
.solution--list li:nth-last-child(-n+2) .solution--bx { padding-bottom: 0px; }

/* Monday ai */
.ai--info--grp { padding-right: calc(var(--gap-xxl)* 2); }
.ai--info--grp .ai--logo { display: block; width: 70%; margin-bottom: var(--gap-md); } 
.ai--info--grp .ai--logo img { width: 100%; height: auto; object-fit: contain; }

.video--div { width: 100%; border-radius: 30px; overflow: hidden; display: flex; }
.video--div video { width: 100%; height: auto; }

/* testimonial section */
.testimonial--cont { position: relative; }
.testi--bx .testi--info { display: flex; align-items: center; }
.testi--bx .testi--info .testi--img { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin-right: var(--gap-lg); flex: 0 0 auto; }
.testi--bx .testi--info .testi--name { flex: 1; }
.testi--bx .testi--info .testi--name p { margin-bottom: 5px; }

.testimonial--slider .swiper-slide { opacity: 0!important; transition: var(--all-medium); }
.testimonial--slider .swiper-slide.swiper-slide-active { opacity: 1!important; }
.swiper-pagination { position: static; text-align: center; margin-top: 20px; }
.swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); width: 20px; height: 20px; }
.swiper-pagination .swiper-pagination-bullet { cursor: pointer; position: relative; width: 10px; height: 10px; border-radius: 50%; background: rgba(0, 0, 0, 0.50); transition: var(--all-medium); margin: 0px 5px!important; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(0, 0, 0, 1); width: 20px; border-radius: 10px; }
 
/* book trial section */
.book--trial--bx > * { position: relative; z-index: 1; }
.book--trial--bx .h1 { color: var(--white); }
.book--trial--bx { padding: calc(var(--gap-xxl) * 2) calc(var(--gap-xxl) * 2.5); margin-bottom: -70px; background: #0B2631; position: relative; border-radius: 30px; overflow: hidden; z-index: 1; }
.book--trial--bx .book--bg { position: absolute; right: 0px; text-align: right; top: 0px; height: 100%; width: 100%; z-index: 0; pointer-events: none; }
.book--trial--bx .book--bg img { width: auto; height: 100%; object-fit: cover; }

/* FOOTER */
footer { position: relative; background: var(--faint--blue); overflow: hidden; padding-top: calc(var(--gap-xxl) * 2 + 70px); }
footer .container { position: relative; z-index: 1; }
footer .footer--bg { position: absolute; right: 0px; bottom: 0px; width: 45%; height: auto; z-index: 0; pointer-events: none; }
footer .footer--bg img { width: 100%; height: auto; object-fit: contain; }

footer .footer--div .footer--logo { width: 280px; margin-bottom: var(--gap-lg); }
footer .footer--div .footer--title { font-size: 18px; text-transform: uppercase; color: rgba(0, 0, 0, 0.35); margin-bottom: var(--gap-lg); font-family: var(--Manrope); font-weight: 500; }
footer .footer--div p { color: var(--black); width: 60%; }

footer .footer--link li a, .footer .footer--link li { font-size: 16px; line-height: 1.3; color:rgba(11,38,49,0.6); font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; position: relative; }
footer .footer--link li a { padding-bottom: 2px; }
footer .footer--link.footer--address li:first-child { padding-bottom: 2px; }
footer .footer--link li a:before { content: ""; position: absolute; right: 0px; bottom: 2px; width: 0px; height: 1px; background: var(--blue); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
footer .footer--link li a:hover:before { width: 100%; left: 0px; right: unset; }
footer .footer--link li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px;  font-size: 16px; line-height: 1.3; color:rgba(11,38,49,0.6); font-weight: 300; }
footer .footer--link li:last-child { margin-bottom: 0px; }
footer .footer--div { position: relative; height: 100%; }
footer .footer--last--div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

footer .social--link { margin-top: var(--gap-xxl); }
.social--link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; }
.social--link li a { width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.social--link li a .svg { width: 100%; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); height: auto; -webkit-transform: var(--all-medium); -ms-transform: var(--all-medium); transform: var(--all-medium); }
.social--link li a .svg  path { transition: var(--all-medium); }
.social--link li { margin-right: var(--gap-md); }
.social--link li a:hover { background: var(--dark-blue); border-color: var(--dark-blue); }
.social--link li a:hover svg path { fill:var(--blue); }

footer .partner--logo { width: 280px; height: auto; display: flex; margin-left: -10px; margin-top: var(--gap-xxl); }
footer .partner--logo img { width: 100%; height: auto; object-fit: contain; }

footer .footer--bg { width: 40%; }
footer .footer--bottom { padding: var(--gap-lg) 0px; display: flex; }
footer .footer--bottom p { margin-bottom: 0px; display: inline-flex; margin-right: 100px; }
footer .footer--bottom .copy--text, footer .footer--bottom .copy--text span { font-size: 14px; color: rgba(0, 0, 0, 0.25); font-weight: 300; }
footer .footer--bottom .copy--text span { margin-right: 4px; }
footer .footer--bottom .copy--text a { transition: var(--all-medium); margin-left: 4px; }
footer .footer--bottom .copy--text a:hover { color: var(--blue); }

/* floating icon */
.get--started--bx { position: fixed; right: 30px; bottom: 90px; z-index: 11; display: flex; flex-direction: column; align-items: flex-end; }
.get--started--bx .get--start--icon { width: 60px; height: 60px; position: relative; border-radius: 50%; background: var(--blue); color: var(--white); display: flex; align-items: center; justify-content: center; position: relative; } 
.get--started--bx .get--start--icon:before { content: ""; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); width: 76px; height: 76px; border: 1px solid var(--blue); border-radius: 50%; }
.get--started--bx .get--start--icon .get--text { font-size: 13px; color: var(--white); text-align: center; line-height: 1.1; transition: var(--all-medium); }
.get--started--bx .get--start--icon .close--icon { width: 20px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }
.get--started--bx.active .get--text { opacity: 0; }
.get--started--bx.active .close--icon { opacity: 1; }

.solution--icon--grp { position: absolute; bottom: 60px; right: 0px; padding-bottom: 20px; display: flex; align-items: flex-end; flex-direction: column; row-gap: 10px;  opacity: 0; pointer-events: none;  transform: translateY(10px); transition: var(--all-medium);  }
.solution--icon--grp li .solution-icon { width: 60px; height: 60px; background: var(--white); box-shadow: 0 0 10px rgba(0,0,0,0.07); border-radius: 30px; display: flex; align-items: center; justify-content: end; padding: 10px; transition: var( --all-medium); position: relative; }
.solution--icon--grp li .solution-icon img { width: 40px; height: 40px; object-fit: contain;  position: relative; z-index: 1; transition: var(--all-medium); }
.solution--icon--grp li:hover .solution-icon img { filter: brightness(0.1) invert(1) drop-shadow(0 0 1px rgba(0,0,0,0.2)); }
.solution--icon--grp li .solution-icon .text { position: absolute; opacity: 0; left: 20px; font-size: 14px; color: var(--white); z-index: 0; transition-delay: 0.2s; }
.solution--icon--grp li:hover .solution-icon { width: 250px; background: var(--blue); justify-content: flex-end; }
.solution--icon--grp li:hover .solution-icon .text { opacity: 1; padding-right: 45px; }
/* .get--started--bx.active .get--start--icon .solution--icon--grp { opacity: 1; } */
.get--started--bx.active .solution--icon--grp { opacity: 1; pointer-events: all; transform: translateY(0); }

/* innerpages */
.breadcrump--div { padding: var(--gap-lg) 0px; }
.bredcrump { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bredcrump li img { width: 5px; height: auto; margin-left: 8px; -o-object-fit: contain; object-fit: contain; opacity: 0.5; }
.bredcrump li, .bredcrump li a { color: rgba(0, 0, 0, 0.50); font-size: 14px; font-family: var(--Manrope); font-weight: 400; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.bredcrump li { margin-right: 8px; color: rgba(4,174,226,0.5); }
.bredcrump li a:hover { color:var(--blue); }

/* case studies */
.in--banner { padding: var(--gap-lg) 0px var(--gap-xxl); }
.in--banner.about--banner { padding-bottom: 0px; }
.in--banner .in--banner--img { width: 100%; border-radius: 30px; overflow: hidden; }
.in--banner .in--banner--title .h3 { margin-bottom: 10px; }
.in--banner .row { --bs-gutter-x: 120px; }
.in--banner .hero--1 { margin-bottom: var(--gap-lg); }

.case--bx { display: flex; width: 100%; flex-direction: column; }
.case--bx .case--img { display: block; border-radius: 15px; height: 440px; overflow: hidden; margin-bottom: var(--gap-md); transition: var(--all-medium); }
.case--bx .case--img img { width: 100%; height: 100%; object-fit: cover; transition: var(--all-medium); }
.case--bx:hover .case--img { transform: scale(0.95); }
.case--bx:hover .case--img img { transform: scale(1.1); }
.case--bx p { margin-bottom: 12px; }

.case--studies--sec .btn--grp { margin-top: var(--gap-xxl); }
.case--studies--sec .row { row-gap: calc(var(--gap-xl) * 1.8);  }
.case--study--contact .book--trial--bx { background: #011a28; padding: calc(var(--gap-xxl) * 1.5) 50% calc(var(--gap-xxl) * 2) calc(var(--gap-xxl) * 2.5); }

/* contact page */
.contact--sec { padding-top: var(--gap-xxl); }
.contact--sec .contact--info { display: flex; flex-wrap: wrap; margin-top: calc(var(--gap-xl) * 1.2); row-gap: var(--gap-xxl); column-gap: 20px; }
.contact--sec .contact--info li:not(.social--link li) { flex: 0 0 calc(50% - 20px); }
.contact--sec .contact--info li .h5 { display: block; margin-bottom: var(--gap-md); font-size: 26px; line-height: 1; }
.contact--sec .contact--info li .social--link li a { width: 28px; height: 28px; }
.contact--sec .contact--info li .social--link li a svg { width: 100%; height: auto; }
.contact--sec .contact--info li p, .contact--sec .contact--info li a { font-size: 20px; color: var(--black); }
.contact--sec .contact--info li a { position: relative; }
.contact--sec .contact--info li a:before { content: ""; position: absolute; right: 0px; bottom: 2px; width: 0px; height: 1px; background: var(--blue); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.contact--sec .contact--info li a:hover:before { width: 100%; left: 0px; right: unset; }
.contact--sec .contact--info li .social--link li a:before { display: none; }

.contact--form--div { background: #E1F1F9; padding: 60px 120px; border-radius: 30px; }
.contact--study--sec .book--trial--bx { background: #001827; }

.map--div { width: 100%; height: 600px; margin-top: calc(var(--gap-xxl) * 2); }
.form-group p { margin-bottom: 0px; }

.btn span .btn--arrow { margin-left: 5px; }

/* solution page */
.features--sec .row { --bs-gutter-x: 100px; }
.solution--list--sec2, .solution--list--sec { margin-top: var(--gap-lg); }
.solution--list--sec { display: flex; flex-direction: column;  }
.solution--list--sec li { display: flex; text-align: left;  align-items: center; color: var(--blue); margin-bottom: var(--gap-xl); }
.solution--list--sec li .h4 br { display: none; }

.solution--list--sec2 li { display: flex; text-align: left; justify-content: flex-start; align-items: flex-start; color: var(--blue); margin-bottom:  var(--gap-sm); }
.solution--list--sec2 li .h4, .solution--list--sec li .h4 { font-weight: 500; }

.solution--list--sec .solution--icon--bx , .solution--list--sec2 .solution--icon--bx { padding: 20px 20px; display: flex; align-items: center; width: 100%; min-height: 130px; justify-content: center; font-size: 36px; font-weight: 400; background: #E1F1F9; border-radius: 100px 100px 0px 100px; margin-bottom: var(--gap-xxl); } 
.solution--list--sec2 .solution--icon--bx  { background: #0B2631; border-radius: 100px 100px 100px 0px; color:var(--white); }
.solution--list--sec .solution--icon--bx img { width: 55px; height: auto; object-fit: contain; margin-right: 20px; }
.solution--list--sec2 .solution--icon--bx img { width: 50px; height: auto; object-fit: contain; margin-right: 20px; }

/* about page */
.about--banner--img { width: 100%; height: 650px; position: relative; }
.about--banner--img:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 50%; height: 100%; background: linear-gradient(45deg,  rgba(11,38,49,0.86) 0%,rgba(130,142,146,0) 58%,rgba(217,217,217,0) 100%); }
.about--banner--img img { width: 100%; height: 100%; object-fit: cover; }
.about--banner--img .about--banner--text { position: absolute; left: 0px; bottom: 80px; width: 100%; }
.about--banner--img .about--banner--text p { width: 60%; }
.about--banner--img .about--banner--text .hero--2, .about--banner--img .about--banner--text p { color: var(--white); }

.about--sec--img { position: relative; }
.about--sec--img::before { content: ""; position: absolute; opacity: 0.9; left: 0px; width: 100%; bottom: 0px; height: 60%; background: linear-gradient(to bottom,  rgba(217,205,205,0) 18%,rgba(210,200,201,0) 19%,rgba(78,110,124,0.43) 38%,rgba(78,110,124,0.45) 39%,rgba(78,110,124,0.68) 69%,rgba(11,38,49,0.68) 100%); }
.about--sec .rating--div { position: absolute; left: 0px; width: 100%; bottom: 30px; filter: brightness(0) invert(1); padding-left: 30px; }

.value--in--sec { position: relative; padding: calc(var(--gap-xxl) * 2);  overflow: hidden; border-radius: 15px; }
.value--in--sec .value--bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -1; }
.value--in--sec .value--bg img { width: 100%; height: 100%; object-fit: cover; -o-object-position: right; }
.value--in--sec .h3, .value--in--sec .h2 { color: var(--white); }
.value--in--sec .value--list { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 25px; margin-top: var(--gap-xxl); }
.value--in--sec .value--list li .value--bx .value--icon { width: auto; height: 80px; margin-bottom: var(--gap-md); display: flex; }
.value--in--sec .value--list li .value--bx .value--icon img { height: 100%; width: auto; }
.value--in--sec .value--list li .value--bx .h4 {  color: var(--blue); }
.value--in--sec .value--list li .value--bx p { color: var(--white); }
.value--in--sec .value--list li .value--bx p:last-child { margin-bottom: 0px; }

.team--sec .h2 { margin-bottom: var(--gap-md); }
.team--list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gap-xxl); margin-top: var(--gap-xxl); }
.team--list li .team--bx { display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; z-index: 11; align-items: center; padding: var(--gap-xl); text-align: center; transition: var(--all-medium); }
.team--list li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.team--list li .team--bx .team--img { width: 250px; height: 250px; display: inline-flex; border-radius: 50%; margin-bottom: var(--gap-md); overflow: hidden; background: var(--white); }
.team--list li .team--bx .team--img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.team--list li .team--bx .linked--icon { width: 25px; height: auto; }
.team--list li .team--bx .designation { margin-bottom: 15px; font-size: 16px; }

.team--list li { border-radius: 15px; overflow: hidden; position: relative; background: #0B2631; transition: var(--all-medium); }
.team--list li .team--bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0; }
.team--list li .team--bg .svg { width: 100%; height: auto; }

.team--list li.dark--bx .team--bx > * { color: var(--white); }
.team--list li.blue--bx svg path { fill: rgba(225,241,249,0.50); } 
.team--list li.dark--bx svg path { fill: #164c62; } 

.history--sec { background: var(--black); }
.history--sec .h2, .history--sec .h3 { color: var(--white); } 
.history--list { display: flex; flex-wrap: wrap; padding-left: calc(var(--gap-xxl) * 2.5); margin-top: calc(var(--gap-xxl) * 2.2); }
.history--list li { width: 25%; padding-right: 10px; }
.history--list li:nth-child(odd) { margin-top: calc(var(--gap-xxl) * 2); }
.history--list li .history--year { color: var(--blue); font-size: 58px; font-weight: 600; }
.history--list li .history--text { display: flex; }
.history--list li .history--text p { color: var(--white); padding-top: 10px; }
.history--list li .history--text .line-grp { display: flex; flex-direction: column; align-items: center; margin-right: 10px; }
.history--list li .history--text .line-grp .line { width: 1px; height: 50px; border-left: 2px dashed var(--white); margin: 5px 0px; }
.history--list li .history--text .line-grp .circle { width: 14px; height: 14px; border: 2px solid var(--white); border-radius: 50%; }

.blue--gradient { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; background: radial-gradient(ellipse at center,  rgba(4,174,226,1) 61%,rgba(16,139,177,1) 100%); }
.blue--gradient--faint { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; background: radial-gradient(ellipse at center,  rgba(225,241,249,1) 1%,rgba(213,233,242,1) 61%,rgba(176,230,247,1) 100%); } 
.blue--gradient--dark { opacity: 0.2; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; background: radial-gradient(ellipse at center,  rgba(4,174,226,1) 1%,rgba(36,160,198,1) 19%,rgba(11,38,49,1) 79%,rgba(11,38,49,1) 100%);  }

.certificate--sec .h2 { margin-bottom: var(--gap-md); }
.certificate--list { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 50px 80px; margin-top: var(--gap-xl); }
.certificate--list li { background: #E0F0F8; border-radius: 15px; padding: 7px 0px 14px 0px; transition: var(--all-medium); }
.certificate--list li:hover { padding-top: 0px; }
.certificate--list li .certificate--bx { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; padding: var(--gap-xxl) 10px var(--gap-xl) 10px; background: var(--white); border-radius: 15px;  }
.certificate--list li .certificate--bx .cert--img { text-align: center; display: inline-flex; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin-bottom: var(--gap-md); }
.certificate--list li .certificate--bx p {  font-size: 22px; font-weight: 500; margin-bottom: 5px; }
.certificate--list li .certificate--bx .h6 { font-size: 27px; font-weight: 500; text-transform: uppercase; margin-bottom: var(--gap-lg); }
.certificate--list li .certificate--bx p:empty { margin-bottom: 0px; }

.book--trial--sec.about--page--contact .book--trial--bx { background: #011321; }
.book--trial--sec .section--grp .h1 { margin-bottom: var(--gap-md); } 
.book--trial--sec p { color: var(--white); margin-bottom: 25px; }

.wpcf7-not-valid-tip { font-size: 14px!important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { padding: 12px 15px; border-width: 1px; font-size: 14px; }

/* case studies detail */
.case--studies-detail img { border-radius: 25px; margin: 15px 0px 20px 0px; }

.case--studies-detail p strong { font-weight: 500; }
.case--studies-detail p, .case--studies-detail a, .case--studies-detail ul li { font-size: 18px; line-height: 1.4; color: var(--black); font-weight: 300; font-family: var(--Manrope); }
.case--studies-detail ul li { list-style-type: disc; list-style-position: outside; margin-bottom: 8px; }
.case--studies-detail ul { padding-left: 20px; margin-bottom: var(--gap-xl) ; }

.case--studies-detail .post-navigation a { color: var(--black); font-weight: 500; font-size: 16px; }
.case--studies--sec.case--studies-detail .row { row-gap: 0px; }
.case--studies-detail .case--studies--text h1, .case--studies-detail .case--studies--text h2, .case--studies-detail .case--studies--text h3, .case--studies-detail .case--studies--text h4, .case--studies-detail .case--studies--text h5, .case--studies-detail .case--studies--text h6, .case--studies-detail .case--studies--text h1 a, .case--studies-detail .case--studies--text h2 a, .case--studies-detail .case--studies--text h3 a, .case--studies-detail .case--studies--text h4 a, .case--studies-detail .case--studies--text h5 a, .case--studies-detail .case--studies--text h6 a { font-size: 26px; margin-top: 25px; margin-bottom: 15px; font-weight: 500; }
.case--studies-detail .case--studies--text strong, .case--studies-detail .case--studies--text b { font-weight: 500; }
.case--studies-detail .case--studies--text h1 a, .case--studies-detail .case--studies--text h2 a, .case--studies-detail .case--studies--text h3 a, .case--studies-detail .case--studies--text h4 a, .case--studies-detail .case--studies--text h5 a, .case--studies-detail .case--studies--text h6 a { margin: 0px!important; }


/* Team modal */
.modal { background: rgba(0, 0, 0, 0.75); }
.team-modal .modal-dialog { max-width: 800px; }
.team-modal .btn-close { background-image: none; background-color: #101049; opacity: 1; width: 25px; border-radius: 50%; height: 25px; display: flex; justify-content: center; align-items: center; z-index: 11; cursor: pointer; position: absolute; right: 10px; top: 10px; }
.team-modal .btn-close img { width: 12px; height: auto; object-fit: contain; }

.team-modal .team--bio--detail .team--img { width: 130px; height: auto; margin:0px auto var(--gap-sm) auto; }
.team-modal .modal-body { padding: 40px; }
.team-modal .team--bio--detail .team--info .p1 { font-size: 25px; }
.team-modal .team--bio--detail .team--info .description { font-size: 16px; }

.team-modal .expert--bx { background: #f2f2f2; text-align: center; padding: 20px 10px; border-radius: 10px; height: 100%; }
.team-modal .expert--bx .expert--img { width: 130px; height: 130px; border-radius: 50%; background: var(--white); margin: auto; overflow: hidden; }
.team-modal .expert--bx .expert--img img { width: 100%; height: 100%; object-fit: cover; object-position: top;}
.team-modal .expert--bx p { font-size: 14px; }
.team-modal .expert--bx p:last-child { margin-bottom: 0px; }
.team-modal .expert--bx .h5 { font-size: 18px; }

.team-modal .team--experts { margin-top: var(--gap-xxl); }
.team-modal .team--experts .h4 { margin-bottom: var(--gap-xl); }

/* our approach  */
.row.process--list { --bs-gutter-x: var(--gap-xl); row-gap: var(--gap-xxl); }
.process--list li:first-child .process--bx { padding-right: 0px; }
.process--list li .process--bx { border-radius: 30px; padding-right: 12px; background: var(--faint--blue); height: 100%; overflow: hidden; }
.process--list li .process--bx img { aspect-ratio: 1.7; }
.process--list li .process--bx .process--in--bx { border-radius: 20px; padding: var(--gap-xxl) var(--gap-xxl); background: var(--white); height: 100%; }
.process--list li .process--bx .process--in--bx .h1 { color: var(--blue); margin-bottom: var(--gap-md); display: flex; }
.process--list li .process--bx .process--in--bx .h5 { text-transform: uppercase; color:#0B2631; font-size: 25px; margin-bottom: var(--gap-lg); }
.process--list li .process--bx .process--in--bx p:last-child { margin-bottom: 0px; }

.leadership--sec .process--list li .process--bx .process--in--bx .h1 { margin-bottom: var(--gap-xxl); }
.leadership--sec .process--list li .process--bx .process--in--bx p { width: 70%; }
.leadership--sec .process--list li:first-child .h1 { margin-top: var(--gap-xl); }
.leadership--sec .process--list li .process--bx .process--in--bx .h1 { color: var(--black); }

/* team challenge */
.team-challenge--sec { background: var(--faint--blue); margin-bottom: calc(var(--gap-xxl) * 2); position: relative; padding-top: 120px; padding-bottom: var(--gap-xxl); overflow: hidden; }
.team--challenge--bg { position: absolute; bottom: 0px; left: 0px; width: 50%; z-index: 0; }
.team--challenge--bg img { width: 100%; height: auto; }

.challenge--bx { height: 100%; background: var(--white); padding: var(--gap-xxl); display: flex; flex-direction: column; justify-content: space-between; border-radius: 25px; }
.challenge--bx .h1 { margin-top: 100px; margin-bottom: 0px; }
.row.challenge--list { row-gap: var(--gap-xl); }
.challenge--list > li:first-child { pointer-events: none; }

/* 404 PAGE */
.error-header { position: absolute; top: 0px; left: 0px; background: #424242; width: 100%; height: 91px; z-index: 11; }
.not-found { width: 100%;  display: flex; flex-flow: row wrap; align-items: center; padding: 220px 0 150px 0px; text-align: center; background: #fff; }
.not-found .title { font-size: 31px; font-weight: 600; margin-bottom: 15px; color: var(--black); }
.not-found p { text-align: center; font-size: 18px; font-weight: 400; margin-bottom: 25px; color:var(--black); }
.not-found .subtitle { font-size: 180px; font-weight: 500; line-height: 1; margin-bottom: 10px; color: var(--green); background: transparent; }

.post-navigation { margin-top: var(--gap-xxl); }