@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*=====Reset CSS======*/

article,
aside,
canvas,
figure,
figcaption,
footer,
header,
nav,
section,
audio,
video,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
label {
  margin: 0;
  padding: 0;
  border: 0;
}

a,
button,
input,
input[type="button"],
input[type="submit"],
select,
.btn,
textarea {
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-decoration: none;
  font-style: normal;
}

a:focus,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
select:focus,
.btn:focus,
textarea:focus,
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

a,
label {
  display: inline-block;
  vertical-align: middle;
  vertical-align: 0;
}

figure {
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  margin: 0;
  font-size: 0;
  line-height: 100%;
}

figure,
img {
  max-width: 100%;
}

ul,
ol {
  list-style: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* Firefox */

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



.svg_container {
  display: none;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  color: var(--body_color);
  font-family: var(--body_font);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.4px;
}


::-webkit-scrollbar-thumb {
  background: #199FD3;
}

::-webkit-scrollbar {
  background: #fff;
  width: 6px;
}

::-moz-selection {
  background-color: #199FD3;
  color: #fff;
}

::selection {
  background-color: #199FD3;
  color: #fff;
}

/* Reset-css--------------- */

:root {
  --hdng_color: #041D56;
  --body_color: #506577;
  --hdng_font: "DM Serif Text", serif;
  --body_font: "Manrope", sans-serif;
  --transition: 0.4s all ease-in-out;
  --section_gap: 110px 0;
}

/* Global Headings */

h1 {
  color: var(--hdng_color);
  font-family: var(--hdng_font);
  font-size: 90px;
  line-height: 100px;
  letter-spacing: -0.2px;
}

h1 span {}


h2 {
  color: var(--hdng_color);
  font-family: var(--hdng_font);
  font-size: 100px;
  line-height: 100px;
  letter-spacing: -0.2px;
}

h2 span {}

h3 {
  color: rgb(255, 255, 255);
  font-family: var(--hdng_font);
  font-size: 36px;
  letter-spacing: -0.2px;
  position: relative;
}

h4 {
  color: #102574;
  font-family: var(--hdng_font);
  font-size: 30px;
  line-height: 28px;
  letter-spacing: -0.2px;
  transition: var(--transition);
}

h5 {
  color: #102574;
  font-family: var(--hdng_font);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.2px;
}

h6 {}

.sitebtn {
  border-radius: 100px;
  background: var(--hdng_color);
  color: #ffffff;
  font-family: var(--body_font);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.2px;
  transition: var(--transition);
  padding: 14px 55px 14px 25px;
  position: relative;
  border: 1px solid transparent;
}

.sitebtn::after {
  content: '';
  position: absolute;
  background: url(../images/white_arrow.png) no-repeat right;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: var(--transition);
}

.sitebtn:hover {
  background: #fff;
  color: var(--hdng_color);
  border-color: var(--hdng_color);
}

.sitebtn:hover::after {
  background: url(../images/blue_arrow.png) no-repeat right;
  transform: rotate(45deg);
}

a {
  color: var(--hdng_color);
  transition: var(--transition);
}

a:hover {
  color: #199FD3;
  text-decoration: none;
}

section {
  position: relative;
}

/* Global Headings */


/* Header Start ---------------*/

.sticky_hdr .header {
  filter: drop-shadow(0px 15px 25px rgba(0, 76, 102, 0.15));
  -webkit-filter: drop-shadow(0px 15px 25px rgba(0, 76, 102, 0.15));
  padding: 15px 0;
  background-color: #ECF1FC;
}

/* .sticky_hdr .vet-logo {
  max-width: 100px;
}

.sticky_hdr .navbar {
  padding-bottom: 0;
}

.sticky_hdr .call-info a {
  font-size: 15px;
}


/* sticky */


.hdrmobile_logo {
  display: none;
}

.menu-link-wrapper {
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: none;
}

.line {
  background: #000;
  width: 30px;
  height: 3px;
  display: block;
  margin: 3px 0;
}



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

.navlink {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: var(--transition);
  position: relative;
  color: #404147;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.2px;
}

.navitem {
  position: relative;
  padding: 0 25px;
}

.navlink i {
  font-size: 12px;
  margin-left: 2px;
  color: #404147;
  transition: var(--transition);
}

.navlist {
  display: flex;
  align-items: center;
  padding: 15px 10px;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 4;
  top: 0;
  transition: 0.4s all ease-in-out;
  padding: 0 0 8px 0;
  background: transparent;
  padding-top: 20px;
}


.header_logo {
  max-width: 185px;
}


.navlink:hover {
  color: #01092E;
}

.navlink:hover i {
  color: #01092E;
}


/* Scroll-up */
.nav-up {
  top: -120px;
}

/* Header End */


@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.navlist .navitem.in,
.contct-btn .contact-us.in {
  animation: slideIn 0.7s forwards;
}

/* Animated Offcanvas */

/* Header End----------- */

/* Home Page Start */
.banner_holder {
  padding: 320px 0 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 17% 0 15%;
}

.banner_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}

.banner_wrapper h1 {
  text-align: center;
  margin-bottom: 20px;
}

.about_holder {
  padding: 90px 0 100px;
}

.about_content h4 {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.4px;
  color: #276DA9;
  margin-bottom: 20px;
}

.about_content h4 span {
  color: #A7A7A7;
}

.about_holder p {
  color: #474747;
  font-family: var(--hdng_font);
  margin-bottom: 15px;
}

.about_content p {
  max-width: 400px;
}

.about_content .sitebtn {
  /* margin-top: 15px; */
  margin-top: auto;
}

.about_content {
  padding-left: 80px;
}

.counter_wrap span:not(.count) {
  color: #848484;
  font-family: var(--body_font);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 14px;
}

.counter_wrap h5 {
  display: flex;
  align-items: end;
  line-height: 0.8;
  font-size: 70px;
}

.counter_holder {
  padding-bottom: 60px;
}

.counter_wrap {
  min-height: 100px;
  border-right: 1px solid rgba(4, 29, 86, 0.12);
  padding-top: 10px;
  height: 100%;
}

.counter_holder .row>*:last-child .counter_wrap {
  border: none;
}

.section_gap {
  padding: var(--section_gap);
}


/* Milestone Scroll start */

.milestones_section {
  background: #030933;
  overflow: hidden;
  padding-top: 0;
}


.milestones_section::after {
  content: '';
  position: absolute;
  background: url(../images/milestone_overlay.png) center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  mix-blend-mode: color-burn;
}

.milestone_holder {
  z-index: 1;
  position: relative;
  padding-bottom: 220px;
  min-height: 100vh;
}

.milestone_holder h2 {
  color: #fff;
  position: sticky;
  top: 120px;
}

.milestone_year h3 {
  writing-mode: sideways-lr;
}

.milestone_wrap>ul {
  display: flex;
  margin-top: 280px;
  position: relative;
  /* width: max-content; */
}


.milestone_wrap>ul>li {
  width: 360px;
  flex: 0 0 auto;
  position: relative;
}

.milestone_content {
  display: flex;
  height: 210px;
  flex-direction: column-reverse;
  position: relative;
}

.milestone_content::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: unset;
  height: 1px;
  background: #153957;
  z-index: -1;
  bottom: 100px;
}

.milestone_year {
  display: flex;
}

.milestones_about {
  display: flex;
  margin-bottom: 65px;
  margin-top: 0;
  padding-right: 25px;
}

.milestone_wrap li:nth-child(even) .milestone_content {
  flex-direction: column;
}

.milestones_about ul {
  list-style-type: disc;
  margin-left: 75px;
}

.milestones_about ul li {
  color: #cdcdcd;
  font-weight: 500;
  letter-spacing: -0.2px;
}

.milestones_about ul li+li {
  margin-top: 15px;
}


.milestone_wrap>ul>li::after {
  content: '';
  position: absolute;
  background: #199FD3;
  width: 14px;
  height: 14px;
  top: calc(100% - 109px);
  border-radius: 50%;
  left: 17px;
}

.milestone_wrap>ul>li::before {
  content: '';
  position: absolute;
  background: url(../images/milestone_line.png) no-repeat center;
  width: 2px;
  height: 180px;
  bottom: calc(0% + 104px);
  border-radius: 50%;
  left: 23px;
  transform: rotateX(180deg);
}

.milestone_wrap>ul>li:nth-child(even):before {
  bottom: calc(0% + -76px);
  transform: rotateX(0deg);
}

.milestone_wrap>ul>li:nth-child(even) .milestone_year h3::before {
  bottom: unset;
  top: 100px;
  transform: rotateX(0deg);
}

.milestone_wrap>ul>li:first-child .milestone_content::after {
  left: -100vw;
}

.milestone_wrap>ul>li:last-child .milestone_content::after {
  right: 0;
}

.milestone_wrap>ul>li:nth-child(even) .milestone_year h3::after {
  bottom: -40px;
  top: unset;
}

.milestone_wrap>ul>li:nth-child(even) .milestones_about {
  margin-bottom: 0;
  margin-top: 65px;
}


/* Milestone Scroll end */

/* roles_sec Start----------- */
.roles_sec {
  padding: 0 0 150px;
}

.roles_crd {
  padding: 40px;
  border: 1px solid rgba(58, 72, 97, 0.2);
  border-radius: 30px;
  background: rgb(255, 255, 255);
  transition: var(--transition);
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* .roles_wrap h2 {
  margin-bottom: 50px;
} */

.roals_img_wrap {
  position: relative;
  margin-bottom: 0;
  max-width: 60px;
  margin-right: 0;
}

.role_img1,
.role_img2 {
  width: 100%;
}

.role_img1 {
  transition: var(--transition);
}

.role_img2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: var(--transition);
}

.role_img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: var(--transition);
}

.roal_data {
  margin-top: auto;
}

.roal_data h3 {
  color: #276da9;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  font-family: var(--body_font);
  transition: var(--transition);
  margin-bottom: 25px;
}

.roal_data h4 {
  transition: var(--transition);
}

.roal_data p {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  transition: var(--transition);
  margin-top: 12px;
}

.roles_crd:hover {
  border: 1px solid rgba(58, 72, 97, 0.2);
  background: rgb(8, 34, 90);
}

.roles_crd:hover .roal_data h3 {
  color: #86C7FF;
}

.roles_crd:hover .roal_data h4 {
  color: #FFFFFF;
}

.roles_crd:hover .roal_data p {
  color: #D5D5D5;
}

.roles_crd:hover .role_img1 {
  opacity: 0;
}

.roles_crd:hover .role_img2 {
  opacity: 1;
}

/* .roles_wrap .row:nth-child(odd) {
  flex-direction: row-reverse;
} */

.roles_wrap .row+.row {
  margin-top: 20px;
}

.roles_wrap .row .col-md-7 {
  padding-left: 2px;
}

.roles_wrap .row:nth-child(odd) .col-md-7 {
  padding-right: 2px;
  padding-left: 12px;
}

/* roles_sec End----------- */

/* Contribute_sec Start----------- */
.contribute_sec {
  padding: 90px 0 130px;
  background-color: #01092E;
  position: relative;
}

.contribute_sec::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("../images/contribute_sec_bg_img.png") no-repeat center;
  opacity: 0.5;
  mix-blend-mode: color-burn;
}

.contribute_sec h2 {
  max-width: 1022px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  margin-bottom: 85px;
}

.contribute_slider_img {
  border-radius: 20px;
  overflow: hidden;
  height: 480px;
  max-width: 480px;
}

.contribute_slider_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contribute_slide.slick-slide {
  padding: 0 10px;
}

/* Contribute_sec End----------- */

/* Footer Start----------- */
.footer_sec {

  padding: 130px 0 40px;
}

.footer_list h6 {
  color: var(--hdng_color);
  font-family: var(--hdng_font);
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 26px;
}

.footer_list ul li {

  font-family: var(--body_font);
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 20px;
}

.footer_list ul li a {
  color: var(--body_color);
  transition: var(--transition);
  position: relative;
}


.footer_list ul li a:hover {
  color: #01092E;
}

.footer_list ul li:last-child {
  margin-bottom: 0;
}

.quck_link {
  margin-left: 130px;
}

.flw_us_lnk {
  max-width: 84px;
  margin-left: auto;
}

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

.flw_us_lnk ul li {
  margin: 0;
}

.flw_us_lnk ul li a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #0b77a1;
  font-size: 16px;
  transition: var(--transition);
}

.flw_us_lnk ul li a img {
  transition: var(--transition);
}

.flw_us_lnk ul li a:hover {
  border: 1px solid #01092E;
  scale: 1.05;
}

/* .flw_us_lnk ul li a:hover{
  scale: 1;
} */

.contact_lst {
  margin-left: 76px;
  max-width: 300px;
}

.contact_lst ul li {
  display: flex;
  justify-content: flex-start;
}

.contact_lst ul li .img_logo {
  margin-right: 12px;
  flex: 0 0 auto;
}

.trms_con {
  margin-top: 55px;
  padding-top: 35px;
  border-top: 1px solid #041d5626;
}

.trms_con p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

/* Footer End----------- */
.contribute_holder {
  position: relative;
  z-index: 1;
}

.contribute_holder h2 {
  color: rgb(255, 255, 255);
  text-align: center;
  margin-bottom: 90px;
}

/* .milestone_wrap {
  width: 100vw;
  overflow-x: auto;
  padding-bottom: 50px;
} */

/* Home Page End */


/*========================== careers_page========================================== */
/* iner_hrd_btn */
.header.inner_hrd .sitebtn {
  background-color: #fff;
  color: var(--hdng_color);
}

.header.inner_hrd .sitebtn::after {
  background: url(../images/blu_aro.png) no-repeat right;
}

/* iner_hrd_btn */

/* inner-banner */
.insml_hed {
  color: rgb(255, 255, 255);
  font-weight: 600;
  letter-spacing: 12px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.inner_baner .banner_wrapper h1 {
  text-align: left;
  color: #FFFFFF;
  position: relative;
  max-width: 1040px;
  z-index: 2;
}

.inner_baner .banner_holder {
  padding: 28% 0 4%;
}

.inner_baner::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180.00deg, rgba(5, 9, 25, 0) 45.311%, rgb(5, 9, 25) 100%);
}

/* inner-banner */

/* build_sec */
.build_text {
  padding-top: 140px;
}

.build_text p {
  color: #474747;
  font-weight: 600;
}

.build_text p+p {
  margin-top: 20px;
}


.search_item ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}


.sear_tab span {
  width: 20px;
  height: 20px;
}

.search_item .sear_tab input {
  width: calc(100% - 20px);
  height: 100%;
  border: none;
}

.search_item .sear_tab input::placeholder {
  color: rgb(156, 156, 156);
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.28px;
  text-align: left;
}



.search_item ul li select {
  border: 1px solid rgba(16, 31, 59, 0.3);
  border-radius: 5px;
  background: rgb(255, 255, 255);
  padding: 10px 20px;
  width: 245px;
  margin-left: 15px;
  appearance: none;
  background-image: url(../images/selec_aro.png);
  background-position: center right 15px;
  background-size: 18px;
  background-repeat: no-repeat;
  color: rgb(156, 156, 156);
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.28px;
  text-align: left;
}

.message_noti {
  border: 1px solid rgba(16, 31, 59, 0.3);
  border-radius: 5px;
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 9px;
}

.buil_sear_job {
  margin-top: 60px;
}


/* build_sec */

/* peark_sec */
.peark_block_wrap h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 70px;
}

.perk_item {
  text-align: center;
}

.perk_item .perk_icon {
  width: 48px;
  height: 48px;
  text-align: center;
  margin: 0px auto 25px;
}

.perk_item .perk_icon img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: var(--transition);
}

.pear_text p {
  color: rgb(235, 235, 235);
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  max-width: 250px;
  margin: auto;
}

.pear_text {
  position: relative;
}

.pear_text a {
  position: absolute;
  bottom: 0;
  right: 125px;
}

.perk_pow_wrp .row {
  margin-top: -40px;
}

.perk_pow_wrp .row>* {
  margin-top: 40px;
}

.peark_block_wrap {
  position: relative;
  z-index: 2;
}

.pear_text a img {
  transform: var(--transition);
}

.pear_text a:hover img {
  filter: brightness(0) invert(1);
}

/* peark_sec */
/* purpouse-sec */
.purpouse_sec h2 {
  max-width: 1006px;
  margin: 0px auto 90px;
}

/* 21-05-25 */
.search_item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.ser_3 {
  margin-left: auto;
}

.ser_2 .filter_toggle_btn {
  display: none;
}

/*========================== careers_page========================================== */


/* Culture Page Start */
/* inner-banner */
.insml_hed {
  color: rgb(255, 255, 255);
  font-weight: 600;
  letter-spacing: 12px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.inner_baner .banner_wrapper h1 {
  text-align: left;
  color: #FFFFFF;
  position: relative;
  max-width: 1040px;
  z-index: 2;
}

.inner_baner .banner_holder {
  padding: 28% 0 4%;
  background-size: cover;
}

.inner_baner::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180.00deg, rgba(5, 9, 25, 0) 45.311%, rgb(5, 9, 25) 100%);
}

/* inner-banner */
/* .values_wrap .row:nth-child(even) {
  flex-direction: row-reverse;
} */

.values_wrap .row:nth-child(odd) {
  flex-direction: row;
}

.values_wrap .row:nth-child(odd) .col-md-7 {
  padding-right: 12px;
  padding-left: 12px;
}

.values_wrap .row .col-md-7 {
  padding-left: 12px;
}

.values_wrap .row:nth-child(odd) .col-md-7 {
  padding-left: 2px;
}

.values_wrap .row:nth-child(even) .col-md-7 {
  padding-right: 2px;
}

.culture_holder {
  padding-top: 100px;
}

.value_sec {
  padding-top: 100px;
}

/* Culture Page End */


/*========================== careers_page========================================== */
/* iner_hrd_btn */
.header.inner_hrd .sitebtn {
  background-color: #fff;
  color: var(--hdng_color);
}

.header.inner_hrd .sitebtn::after {
  background: url(../images/blu_aro.png) no-repeat right;
}

/* iner_hrd_btn */

/* inner-banner */
.insml_hed {
  color: rgb(255, 255, 255);
  font-weight: 600;
  letter-spacing: 12px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.inner_baner .banner_wrapper h1 {
  text-align: left;
  color: #FFFFFF;
  position: relative;
  max-width: 1040px;
  z-index: 2;
}

.inner_baner .banner_holder {
  padding: 28% 0 4%;
}

.inner_baner::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180.00deg, rgba(5, 9, 25, 0) 45.311%, rgb(5, 9, 25) 100%);
}

/* inner-banner */

/* build_sec */
.build_text {
  padding-top: 140px;
}

.build_text p {
  color: #474747;
  font-weight: 600;
}

.build_text p+p {
  margin-top: 20px;
}


.search_item ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.search_item ul li:last-child {
  margin-left: auto;
}

.sear_tab {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(16, 31, 59, 0.3);
  border-radius: 5px;
  background: rgb(255, 255, 255);
  width: 245px;
  padding: 11px 20px;
}

.sear_tab span {
  width: 20px;
  height: 20px;
}

.search_item ul li .sear_tab input {
  width: calc(100% - 20px);
  height: 100%;
  border: none;
}

.search_item ul li .sear_tab input:focus-visible {
  outline: none;
}

.search_item ul li .sear_tab input::placeholder {
  color: rgb(156, 156, 156);
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.28px;
  text-align: left;
}



.search_item ul li select {
  border: 1px solid rgba(16, 31, 59, 0.3);
  border-radius: 5px;
  background: rgb(255, 255, 255);
  padding: 15px 20px;
  width: 245px;
  margin-left: 15px;
  appearance: none;
  background-image: url(../images/selec_aro.png);
  background-position: center right 15px;
  background-size: 15px;
  background-repeat: no-repeat;
  color: rgb(156, 156, 156);
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.28px;
  text-align: left;
  cursor: pointer;
}

.message_noti {
  border: 1px solid rgba(16, 31, 59, 0.3);
  border-radius: 5px;
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 9px;
}

.buil_sear_job {
  margin-top: 60px;
}

.job_icon {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: auto;
}

.job_icon p {
  color: rgb(70, 70, 70);
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  letter-spacing: -0.72px;

}

.job_item {
  border: 1px solid rgba(6, 45, 118, 0.3);
  transition: var(--transition);
  cursor: pointer;
  padding: 38px 30px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.job_item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f4f5f5f7;
  bottom: -35px;
  border-radius: 20px;
  left: 0;
  z-index: -1;
  filter: blur(6px);
  opacity: 0;
  transition: var(--transition);
}

.job_item:hover {
  background-color: #fff;
}

.job_item:hover::after {
  opacity: 1;

}

.job_option .job_item .job_title {
  color: rgb(8, 34, 90);
  font-family: var(--hdng_font);
  font-size: 28px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.56px;
  text-align: left;
  margin-bottom: 20px;

}

.job_option .job_item .job_title:hover {
  color: #199FD3;
}

.job_option .job_item a {
  color: rgb(4, 29, 86);
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.36px;
  text-align: left;
}

.job_option .job_item a:hover {
  color: #199FD3;
}

.job_item:hover {
  border: 1px solid rgba(6, 45, 118, 0.3);
  background: rgb(255, 255, 255);
}

.job_option {
  margin-top: 40px;
}

.job_option .row>* {
  margin-top: 20px;
}

.job_option .row {
  margin-top: -20px;
}

/* build_sec */

/* peark_sec */
.peark_block_wrap h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 70px;
}

.perk_item {
  text-align: center;
}

.perk_item .perk_icon {
  width: 48px;
  height: 48px;
  text-align: center;
  margin: 0px auto 25px;
}

.perk_item .perk_icon img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: var(--transition);
}

.pear_text p {
  color: rgb(235, 235, 235);
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  max-width: 250px;
  margin: auto;
  letter-spacing: -0.72px;
}

.pear_text {
  position: relative;
}

.pear_text a {
  position: absolute;
  bottom: 0;
  right: 125px;
}

.perk_pow_wrp .row {
  margin-top: -40px;
}

.perk_pow_wrp .row>* {
  margin-top: 40px;
}

.peark_block_wrap {
  position: relative;
  z-index: 2;
}

.pear_text a img {
  transform: var(--transition);
}

.pear_text a:hover img {
  filter: brightness(0) invert(1);
}

/* peark_sec */
/* purpouse-sec */
.purpouse_sec h2 {
  max-width: 1006px;
  margin: 0px auto 90px;
}

/*========================== careers_page========================================== */


/* Contact_up Page Start */
.conct_team_sec {
  padding: 120px 0 150px;
}

.cnct_hdng h2 {
  max-width: 600px;
  margin-right: auto;
  margin-bottom: 35px;
}

.cntct_wrap h4 {
  color: #041d56;
  font-size: 24px;
  margin-bottom: 22px;
}

.cntct_wrap ul li {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
  color: var(--body_color);
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
}

.cntct_wrap ul li:last-child {
  margin-bottom: 0;
}

.cntct_wrap ul li .location_img {
  flex: 0 0 auto;
  margin-right: 12px;
}

.cntct_wrap ul li .location_img img {
  margin-top: 6px;
}

.cntct_wrap ul li a {
  display: flex;
  justify-content: flex-start;
  transition: var(--transition);
}

.cntct_wrap ul li a:hover {
  color: #199FD3;
}

.cntct_wrap ul li a span {
  margin-right: 12px;
}

.cntct_wrap ul li a {
  color: var(--body_color);
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
}

.flw_wrap ul li a span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgb(11, 119, 161);
  display: flex;
  align-items: center;
  justify-content: center;
}

.flw_wrap {
  margin-left: 69px;
}

.cntct_bnnr .banner_wrapper h1 {
  max-width: 900px;
}

.cntct_slidr h2 {
  max-width: 991px;
  margin: 0 auto;
  margin-bottom: 90px;
}

.footer_list ul li a.active {
  color: #01092E;
}

.navlink.active {
  color: #01092E;
}

.map_sec {
  padding: 130px 0 150px;
  position: relative;
  overflow: hidden;
}

.map_sec::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  filter: blur(244px);
  width: 100%;
  height: 400px;
  background: rgb(255, 255, 255);
}

.map_sec::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  filter: blur(244px);
  width: 100%;
  height: 200px;
  background: rgb(255, 255, 255);
  display: none;
}

.map_hdng {
  position: relative;

}

.map_hdng h2 {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.peark_sec {
  padding: var(--section_gap);
}

.purpouse_sec {
  padding-top: 150px;
}

/* Contact_up Page End */

/* 20-05-25 Start */
.dropdown-toggle::after {
  content: "\2b";
  font-family: FontAwesome;
  position: absolute;
  display: inline-block;
  font-size: 12px;
  margin-left: 2px;
  color: #404147;
  font-weight: 400;
  transition: var(--transition);
  border: none;
  top: 2px;
  right: -15px;
}

.dropdown-toggle.active::after {
  content: "\f068";
}

.dropdown-menu {
  border: 1px solid rgba(58, 72, 97, 0.2);
  top: 42px !important;
}

.dropdown-menu li .dropdown-item {
  color: #404147;
  transition: var(--transition);
}

.dropdown-menu li .dropdown-item:hover {
  color: #01092E;
}

.map_sec {
  padding-bottom: 0;
}

.navitem.dropdown {
  position: relative;
}

.navitem.dropdown>.dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.navitem.dropdown:hover>.dropdown-menu {
  opacity: 1;
  visibility: visible;
}

/* 20-05-25 End */



.animated-text {
  color: #A7A7A7;
}

.animated-text span {
  color: #A7A7A7;
  transition: color 0.4s ease, opacity 0.4s ease;
}

.animated-text span.active {
  color: #276DA9;
}

/* 22-05-25 mac-issue */
.milestone_holder h2 {
  color: #fff;
  /* top: 120px; */
  position: relative;
  top: 0;
}

.milestone_wrap>ul {
  display: flex;
  margin-top: 150px;
  position: relative;
}

.milestone_holder {
  z-index: 1;
  position: relative;
  padding-bottom: 140px;
  min-height: 100vh;
}

.milestones_section {
  padding-top: 100px;
}


.contribute_slider_wrap .slick-track {
  display: flex;
}

.rle_btn_wrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.cnct_pag_sldr .slick-track {
  display: flex;
}

.contribute_slide.slick-slide {
  padding: 0 10px;
}

.contribute_slider_img {
  border-radius: 20px;
  overflow: hidden;
  height: 480px;
  max-width: 480px;
}

.dropdown-item.active {
  background: transparent;
}

.dropdown-menu li .dropdown-item.active {
  color: #01092E;
  font-weight: 600;
}

/* 
.banner_about_section .banner_wrapper h1 {
  max-width: 670px;
  line-height: 1.1;
  color: #0e4dab;
  font-size: 55px;
  position: relative;
}

.banner_about_section .banner_wrapper {
  position: absolute;
  top: 25%;
  right: 14%;
}

.banner_about_section .banner_wrapper h1::after {
  position: absolute;
  content: '';
  width: 500px;
  height: 300px;
  background: red;
  mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
} */
.about_img {
/*   margin: 5px 0 0px; */
  height: 100%;
}

.map_img {
  width: 100%;
  margin-top: 12px;
}

.roals_img_txt_wrp {
  display: flex;
  align-items: center;
  column-gap: 28px;
  margin-bottom: 16px;
}

.roles_crd:hover h4 {
  color: #fff;
}

/* 06-06-25 Start */
.build_text {
  padding-top: 0;
}

.build_text p {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

/* 06-06-25 End */
/* 10-06-25 Start */
/* .about_content .sitebtn {
  margin-top: 15px;
  font-family: var(--hdng_font);
  font-weight: 100;
} */

/* 10-06-25 End */

/* 12-06-25 Start */

.about_content h4 {
  font-family: var(--body_font);
  font-size: 45px;
  line-height: 51px;
}

/* 12-06-25 End */




/* Typography Animation Start*/

/* style-1 */
.reveal-wrapper {
  overflow: hidden;
  position: relative;
}

.style-1 .char {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px);
}

/* style-1 */


/* Style 5: Split Lines */
.style-5 .linetwo {
  display: block;
  overflow: hidden;
}

.style-5 .line-inner {
  display: block;
  transform: translateY(100%);
}

/* Style 5: Split Lines */

/* Milestone Animation */

.milestone-letter {
  display: inline-block;
  opacity: 0;
  transform: translateY(100%);
  /* bottom to top */
}

.milestone-rest {
  display: inline-block;
  opacity: 0;
  transform: translateX(100px);
  /* right to left */
}

/* Milestone Animation */

/* Roles Heading Animation */

.roles-letter {
  display: inline-block;
  opacity: 0;
  transform: translateY(100%);
}

.roles-rest .char {
  display: inline-block;
  opacity: 0;
  transform: translateX(-40px);
  /* left to right */
}

/* Roles Heading Animation */

/* Our perks Style -4 */
.style-4 .word {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px);
}

/* Typography Animation End*/

.hmbnr_hldr {
  padding: 12% 0 22%;
}

.hm_banner_wrpr h1 {
  font-size: 110px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  text-align: right;
  color: #11427b;
  text-transform: uppercase;
  max-width: 800px;
  margin-left: auto;
}

.hmbnr_hldr .style-1 {
  transform: translateY(90px);
}

.hmbnr_hldr h4 {
  color: #fff;
  font-size: 50px;
  line-height: 1;
  text-align: right;
  display: inline-block;
  position: relative;
}

.hmbnr_hldr h4::after {
  content: '';
  position: absolute;
  background: url(../images/right_long_arrow.png) no-repeat left;
  width: 500px;
  height: 75px;
  left: -69%;
  top: -7px;
  scale: 0.35;
}

.hm_banner_wrpr .reveal-wrapper {
  text-align: right;
}

.values_wrap h2 {
  margin-bottom: 20px;
}

.ser_1 {
  flex-grow: 1;
}

.sear_tab {
  width: 100%;
}

/* gap_issue====26-06-25 */
.bld_carrier_sec {
  padding-top: 60px;
}

.job_icon span {
  margin-right: 5px;
}



/* Loader */
/* .loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}

.loader {
  color: rgb(39, 109, 169);
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}

.loader:after {
  left: 3.5em;
}

@keyframes bblFadInOut {

  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em
  }

  40% {
    box-shadow: 0 2.5em 0 0
  }
} */




/* KEYFRAMES */

@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes spin3D {
  from {
    transform: rotate3d(.5, .5, .5, 360deg);
  }

  to {
    transform: rotate3d(0deg);
  }
}

@keyframes configure-clockwise {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes configure-xclockwise {
  0% {
    transform: rotate(45deg);
  }

  25% {
    transform: rotate(-45deg);
  }

  50% {
    transform: rotate(-135deg);
  }

  75% {
    transform: rotate(-225deg);
  }

  100% {
    transform: rotate(-315deg);
  }
}

@keyframes pulse {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: .25;
    transform: scale(.75);
  }
}

/* GRID STYLING */

* {
  box-sizing: border-box;
}

.spinner-box {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

/* SPINNING CIRCLE */

/* X-ROTATING BOXES */

.configure-border-1 {
  width: 230px;
  height: 230px;
  padding: 3px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #31a0d1;
  animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
}

.configure-border-2 {
  width: 230px;
  height: 230px;
  padding: 3px;
  left: -115px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #11427b;
  transform: rotate(45deg);
  animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
}

.configure-core {
  width: 100%;
  height: 100%;
  background-color: #ECF1FC;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* PULSE BUBBLES */