@import url("fontawesome-all.css");
@import url("../webfonts/themify-icons/themify-icons.css");
@import url("../webfonts/flaticon/flaticon.css");
/* @import url("owl.carousel.min.css");
@import url("owl.theme.default.css"); */
@import url("animate.css");
/* @import url("slick.css");
@import url("nice-select.css"); */
/* @import url("jquery.fancybox.css"); */
/* @import url("jquery-ui.css"); */
@import url("default.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');

:root {
  --white: #FFF;
  --light-bg: #F3F6FF;
  --text-white: #E6E9F5;
  --primary-color: #00239c;
  --text-color: #474747;
  --heading-color: #171A1D;
  --font-heading: "Poppins", sans-serif;
  --font-text: 'Plus Jakarta Sans', sans-serif;
}

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

::-webkit-scrollbar-track {
  background-color: #fff;
  box-shadow: 0px 0px 10px -5px #000 inset;
}

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

}

::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 10px;
}

.bg_grey {
  background: var(--light-bg);
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

html,
body {
  min-height: 100%;
  font-family: var(--font-text);
  overflow-x: hidden;

}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

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

i {
  font-style: normal;
}

figure {
  margin: 0;
  padding: 0;
}

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

a,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  text-decoration: none;
  outline: none;
  color: var(--primary-color);
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

label {
  color: var(--text-color);
  cursor: pointer;
  /* font-size: 14px; */
  font-weight: normal;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0 solid;
}

body {
  font-family: var(--font-text);
  color: var(--text-color);
  font-size: 16px;
}

p {
  font-family: var(--font-text);
  font-weight: 400;
  color: var(--text-color);
  font-size: 16px;
  line-height: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--heading-color);
  font-weight: 600;
}

button {
  cursor: pointer;
}

button.button {
  background: transparent;
  border: 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

::-moz-selection {
  background: var(--primary-color);
  color: #fff;
  text-shadow: none;
}

::selection {
  background: var(--primary-color);
  color: #fff;
  text-shadow: none;
}

/*==================================================
===| Style CSS End
===================================================*/

.call_btn span {
  margin-right: 15px;
  display: block;
}

.sub_heading {
  color: #737678;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.52px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.heading_content {
  margin-bottom: 35px;
}



.text_heading {
  color: var(--heading-color);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}

.text_heading span {
  color: var(--primary-color);
}

.text_link {
  color: var(--primary-color);
  font-weight: 600;
  line-height: normal;
  font-family: var(--font-heading);
}

.feature_icon {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  position: absolute;
  top: -40px;
}

.icon_success {
  background: #C8E2D6;
}

.icon_success .fill {
  fill: #157347;
}

.icon_success .stroke {
  stroke: #157347;
}

.icon_primary {
  background: #C2CAE7;
}

.icon_primary .fill {
  fill: #001E85;
}

.icon_primary .stroke {
  stroke: #001E85;
}


.icon_warning {
  background: #FFF0C3;
}

.icon_warning .fill {
  fill: #D9A406;
}

.icon_warning .stroke {
  stroke: #D9A406;
}



.icon_danger {
  background: #f7cfd2;
}

.icon_danger .fill {
  fill: #BB2D3B;
}

.icon_danger .stroke {
  stroke: #BB2D3B;
}

.text_link svg path {
  fill: var(--primary-color);
}


.feature_content {
  text-align: left;
  position: absolute;
  bottom: -50px;
  padding: 15px;
  width: 100%;
  z-index: 9;
  transition: 0.5s ease;

}

.feature_item:hover .feature_content {
  bottom: 0;
  transition: 0.5s ease;
}

.feature_item:hover:before {
  transition: 1s ease;
  top: -144px;
  height: 145%;
}

.feature_item:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  background: linear-gradient(180deg, #ffffff00 26%, #011454 79%);
  z-index: 9;
  left: 0;
  height: 100%;
  transition: 0.5s ease;
}

.feature_item {
  position: relative;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 6px 39px -20px rgba(0, 0, 0, 0.21);
  overflow: hidden;
}

.feature_icon {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  position: absolute;
  top: -40px;
}

.text_link {
  display: inline-block;
  color: var(--primary-color);
  font-weight: 600;
  line-height: normal;
  font-family: var(--font-heading);
}

.icon_danger {
  background: #f7cfd2;
}

.text_link svg path {
  fill: var(--primary-color);
}

.btn_outline_primary {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn_outline_primary a,
.btn_outline_primary button {
  color: var(--primary-color);
  /* font-size: 14px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 20;
  border-radius: 4px;
  padding: 10px 20px;
  border: 1px solid var(--primary-color);
  font-family: var(--font-heading);
}

.btn_outline_primary button {
  background: transparent;
  border: none;
}

.btn_outline_primary button:hover,
.btn_outline_primary a:hover {
  border: 1px solid var(--primary-color);
}

.btn_outline_primary:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: transparent;
  width: 100%;
  z-index: 10;
  border-radius: 4px;
}

.btn_outline_primary:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: var(--primary-color);
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  border-radius: 4px;
}

.btn_outline_primary:hover,
.btn_outline_primary:hover a {
  color: #fff;
}

.btn_outline_primary:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn_primary {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn_primary a,
.btn_primary button {
  color: #fff;
  /* font-size: 14px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 20;
  border-radius: 4px;
  padding: 10px 20px;
  font-family: var(--font-heading);
  border: 1px solid var(--primary-color) !important;
}

.btn_primary button {
  background: transparent;
  border: none;
}

.btn_primary:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: var(--primary-color);
  width: 100%;
  z-index: 10;
  border-radius: 4px;
}

.btn_primary:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #7386c9;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  border-radius: 4px;
}

.btn_primary:hover {
  color: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.3s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.3s cubic-bezier(0.6, 0, 0.7, 1);
}

.btn_primary:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn_primary a:hover,
.btn_primary button:hover {
  border: 1px solid #7386c9 !important;
}

.about_thumb {
  position: absolute;
  width: 200px;
  left: 50%;
  top: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
}

.about_thumb_content {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: 200px;
  left: 0px;
  padding-top: 43px;
}

.counter_wrapper {
  background-color: var(--primary-color);
}

.counter_item {
  position: relative;
  height: 100px;
  display: flex;
  align-items: center;
}

.counter_item_thumb {
  background-color: #001764;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 100px;
}

.counter_item_content {
  padding-left: 15px;
}

.team_item_info {
  background-color: #fff;
  position: relative;
  margin-left: 30px;
  top: -25px;
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
}

.team_item_content {
  padding: 20px 25px;
  display: block;
  width: 100%;
}

.btn_linkedin,
.btn_view {
  display: flex;
  height: 53px;
  width: 53px;
  justify-content: center;
  align-items: center;
  transition: 0.5s ease-in-out;

}

.btn_view:hover {
  background: #0077b5;
  transition: 0.5s ease-in-out;
}

.btn_linkedin {
  background: #0077b5;
}

.btn_linkedin:hover {
  background: var(--primary-color);
  transition: 0.5s ease-in-out;

}

.btn_view {
  background: var(--primary-color);
}

.team_item_content {
  padding: 19px;
}

.mb_0 {
  margin-bottom: 0;
}

.team_item_info svg path {
  fill: #fff;
}

.footer_middle {
  background: #131517;
  padding: 40px 0;
}

.footer_bottom_nav ul {
  display: flex;
}

.footer_bottom_nav ul li a {
  display: inline-block;
  /* font-size: 14px; */
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 40px;
}

.footer_bottom {
  background: #0f1112;
  padding: 20px 0;
}

/*==================================================
===| 05. Scroll To Top
===================================================*/
.scrollToTop {
  position: fixed;
  display: none;
  bottom: 50px;
  right: 35px;
  z-index: 5000;
  color: #fff;
  background: #222;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  font-size: 16px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14),
    0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.scrollToTop:after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: -o-radial-gradient(center,
      ellipse,
      rgba(0, 0, 0, 0.25) 0%,
      rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center,
      rgba(0, 0, 0, 0.25) 0%,
      rgba(0, 0, 0, 0) 80%);
}

.scrollToTop:hover {
  color: #fff;
  background: var(--primary-color);
}

.btn_group .btn_primary:first-child {
  margin-right: 10px;
}

.banner__wrapper p {
  margin-bottom: 25px;
}

.text_main_heading {
  color: var(--heading-color);
  font-size: 54px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 25px;
}

.bg_light_theme {
  background: var(--light-bg);
}

marquee {
  font-family: var(--font-heading);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #91a0d4;
}

.header_side_nav {
  display: flex;
  justify-content: space-between;
}

.main-menu ul {
  display: flex;
  align-items: center;
}

.main-menu ul li {
  position: relative;
  margin-right: 30px;
}

header {
  -webkit-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms;
  background: #fff;
  padding: 15px 0;
}

header {
  z-index: 99;
  position: relative;
}

.navbar-fixed {
  position: fixed;
  width: 100%;
  z-index: 99;
  -webkit-animation: fadeInDown 800ms;
  animation: fadeInDown 800ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-shadow: 0 7px 8px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
}

.call_btn {
  margin-right: 30px;
}

.call_btn a,
.call_btn a b {
  color: #737678;
  font-family: var(--font-heading);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 81.5%;
  text-transform: uppercase;
}

.main-menu {
  display: flex;
  align-items: center;
}

.main-menu ul li a {
  color: var(--heading-color);
  font-size: 15px;
  font-weight: 400;
  font-family: var(--font-text);
}

.main-menu ul li a:hover {
  color: var(--primary-color);
}

.call_btn a span {
  color: var(--primary-color);
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 81.5%;
  text-transform: uppercase;
  margin: 4px 0 0px;
}

.banner {
  padding: 70px 0;
}

.ptb_10 {
  padding: 10px 0;
}

.ptb_20 {
  padding: 20px 0;
}

.ptb_30 {
  padding: 30px 0;
}

.ptb_40 {
  padding: 40px 0;
}

.ptb_50 {
  padding: 50px 0;
}

.ptb_60 {
  padding: 60px 0;
}

.ptb_70 {
  padding: 70px 0;
}



.bg_half:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--light-bg);
  height: 50%;
  width: 100%;
}

.bg_half_services:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--light-bg);
  height: 65%;
  width: 100%;
}

.pt_0 {
  padding-top: 0px;
}

.pt_10 {
  padding-top: 10px;
}

.pt_20 {
  padding-top: 20px;
}

.pt_30 {
  padding-top: 30px;
}

.pt_40 {
  padding-top: 40px;
}

.pt_50 {
  padding-top: 50px;
}

.pt_60 {
  padding-top: 60px;
}

.pt_70 {
  padding-top: 70px;
}

.pb_0 {
  padding-bottom: 0px;
}

.pb_10 {
  padding-bottom: 10px;
}

.pb_20 {
  padding-bottom: 20px;
}

.pb_30 {
  padding-bottom: 30px;
}

.pb_40 {
  padding-bottom: 40px;
}

.pb_50 {
  padding-bottom: 50px;
}

.pb_60 {
  padding-bottom: 60px;
}

.pb_70 {
  padding-bottom: 70px;
}

.inquire_form {
  border-radius: 6px;
  background: var(--white);
  padding: 40px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 12px 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #cacbcc;
  border-radius: 0.375rem;
  border-right: 0px solid transparent;
  transition: 0.3s ease-in-out;
  height: 45px;
}

.input-group:focus-within .input-group-text,
.form-control:focus~.input-group-append .input-group-text {
  border-color: var(--primary-color);
  transition: 0.3s ease-in-out;
}

.input-group:focus-within .input-group-text svg path,
.form-control:focus~.input-group-append .input-group-text svg path {
  fill: var(--primary-color);
  transition: 0.3s ease-in-out;
}

label {
  color: #494c50;
  font-family: var(--font-text);
  /* font-size: 14px; */
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.input-group-text.text_area {
  min-height: 90px;
}

.form-control.form_control:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--primary-color);
  border-left: 0px;
  background: #fff;
  transition: 0.3s ease-in-out;
}



.form_control {
  padding-left: 0;
  border-radius: 4px;
  border: 1px solid #CACBCC;
  background-color: #fff;
  padding: 12px 12px 12px 0;
  height: 45px;
  /* font-size: 14px; */
  font-family: var(--font-heading);
  border-left: 0px solid transparent;
  transition: 0.3s ease-in-out;
}

.inquire_form svg path {
  fill: #A0A1A3
}

.inquire_form svg path.stroke {
  stroke: #A0A1A3;
  fill: none;
}

.input-group:focus-within .input-group-text svg path.stroke,
.form-control:focus~.input-group-append .input-group-text svg path.stroke {
  stroke: var(--primary-color);
  fill: none;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #222;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 100%), inset 0 0 0 100px #fff !important;
  transition: 0.3s ease-in-out;

}

textarea.form_control {
  min-height: 90px;

  background-color: #fff;
}

.form_group {
  margin-bottom: 20px;
}

.mb_15 {
  margin-bottom: 15px;
}

.team_item {
  position: relative;
}

.list_style {
  list-style: none;
}

.list_style li:before {
  content: "";
  width: 20px;
  height: 20px;
  position: relative;
  background: url(../images/icons/check-icon-circle-fill.svg);
  display: inline-block;
  margin-right: 7px;
  background-size: cover;
  top: 5px;
}

.list_style li {
  list-style: none;
  color: var(--heading-color);
  font-weight: 400;
  /* font-size: 14px; */
  position: relative;
  margin-bottom: 10px;
}

.mb_0 {
  margin-bottom: 0px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_35 {
  margin-bottom: 35px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mb_45 {
  margin-bottom: 45px;
}

.mb_50 {
  margin-bottom: 50px;
}

.mb_60 {
  margin-bottom: 60px;
}

.mb_70 {
  margin-bottom: 70px;
}

.mb_80 {
  margin-bottom: 80px;
}

.mb_90 {
  margin-bottom: 90px;
}

.mb_100 {
  margin-bottom: 100px;
}

.mb_25 {
  margin-bottom: 25px;
}

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

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

.main-menu ul .active:before {
  content: '';
  width: 27px;
  height: 22px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0xOCAwSDcuNDI1NzRMMCAyMkgxMC44NzEzTDE4IDBaIiBmaWxsPSIjRTZFOUY1Ii8+CjxwYXRoIGQ9Ik0yNyAwSDE2LjQyNTdMOSAyMkgxOS44NzEzTDI3IDBaIiBmaWxsPSIjRTZFOUY1Ii8+CjwvZz4KPC9zdmc+Cg==") no-repeat;
  display: block;
  background-size: cover;
  position: absolute;
  right: -13px;
  z-index: 0;
  top: 2px;
}


.main-menu ul .active a {
  color: var(--primary-color);
  font-weight: 500;
  z-index: 1;
  position: relative;
}

/* Bread Crumb */
.breadcrumb {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM5IiBoZWlnaHQ9IjIzMCIgdmlld0JveD0iMCAwIDMzOSAyMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMTQiPgo8cGF0aCBkPSJNMzM5IDBIMjMyLjY3TDE1OCAxNTNIMjQ4LjVMMzIzLjE3IDBIMzM5WiIgZmlsbD0iIzkxQTBENCIvPgo8cGF0aCBkPSJNMjAxIDU0SDgyLjkyMDhMMCAyMzBIMTAwLjVMMTgzLjQyMSA1NEgyMDFaIiBmaWxsPSIjOTFBMEQ0Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat;
  background-position: center right;
  background-size: contain;
  background-color: var(--primary-color);
  margin-bottom: 0;
}



.breadcrumb_nav {
  display: flex;
}

.breadcrumb_nav li {
  margin-right: 30px;
  position: relative;
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.52px;
  color: var(--white);

}

.breadcrumb_nav li a {
  color: var(--white);
}

.breadcrumb_nav li:not(:last-child):before {
  position: absolute;
  content: '\f105';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  right: -20px;
  height: 100%;
  color: var(--white);
  font-size: 15px;
  display: flex;
  align-items: center;
  top: 1px;
}

.breadcrumb_title {
  color: var(--white);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.2px;
  margin-bottom: 15px;
}



/* Team */
.modal {
  fill: rgba(0, 0, 0, 0.54);
  backdrop-filter: blur(14.5px);
}

.team_heading {
  color: var(--heading-color);
  font-family: var(--font-heading);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.team_sub_heading {
  font-family: var(--font-text);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.26px;
}

.team_details_content {
  padding: 30px;
}

.team_item_thumb {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.team_item:hover .read-more {
  top: 0;
  left: 0;
  position: absolute;
  transition: 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.team_item .read-more {
  top: -100%;
  left: 0;
  position: absolute;
  transition: 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(14.5px);
}

.btn-close.btn_right {
  position: absolute;
  right: 30px;
  font-size: 16px;
}

.btn-close.btn_right:focus {
  outline: none;
  box-shadow: none;
}


.btn_primary_linkedin {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn_primary_linkedin a,
.btn_primary_linkedin button {
  color: #fff;
  /* font-size: 14px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 20;
  border-radius: 4px;
  padding: 10px 20px;
  font-family: var(--font-heading);
  display: flex;
  align-items: center;
  border: 1px solid #0077b5;
  transition: 0.2s ease-in-out;
}

.btn_primary_linkedin svg,
.btn_outline_white svg {
  margin-left: 10px;
}

.btn_primary_linkedin button {
  background: transparent;
  border: none;
}

.btn_primary_linkedin:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: #0077b5;
  width: 100%;
  z-index: 10;
  border-radius: 4px;
}

.btn_primary_linkedin:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  border-radius: 4px;
}

.btn_primary_linkedin:hover {
  color: #0077b5;
  transition: 0.2s ease-in-out;
}

.btn_primary_linkedin:hover svg path {
  fill: #0077b5;

}

.btn_primary_linkedin:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn_primary_linkedin a:hover,
.btn_primary_linkedin button:hover {
  border: 1px solid #0077b5;
}

.btn_linkedin:hover {
  background: #fff;
  box-shadow: 0px 0px 24px -18px #0077b5 inset;
  transition: 0.5s ease-in-out;
}

.btn_linkedin:hover svg path {
  fill: #006da6;
  transition: 0.5s ease-in-out;

}

.btn_view:hover svg path {
  fill: var(--primary-color);
  transition: 0.5s ease-in-out;
}

.btn_view:hover {
  background: #fff;
  box-shadow: 0px 0px 24px -18px var(--primary-color) inset;

  transition: 0.5s ease-in-out;
}

.whatsapp_btn {
  position: fixed;
  right: 35px;
  bottom: 150px;
  width: 55px;
  height: 55px;
  background: #60d669;
  border: 2px solid #60d669;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 8px 22px -6px #0f0f0f59;
  transition: 0.5s ease-in-out;
  z-index: 99;
}

.whatsapp_btn:hover {
  background: #ffffff;
  box-shadow: 0px 8px 22px -6px #0f0f0f59;
  transition: 0.5s ease-in-out;
  border: 2px solid #60d669;
}

.whatsapp_btn img {
  width: 35px;
}

.custom-tooltip {
  --bs-tooltip-bg: #fff;
  --bs-tooltip-color: #222222;
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 500;
}

footer p {
  color: rgba(255, 255, 255, 0.8);
}

.text_light_link {
  color: #5E74C1;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.text_light_hover:hover {
  color: #85a0ff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.text_light_hover:hover .fill path {
  fill: #85a0ff !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.footer_heading {
  color: #FFF;
  /* Heading 5 */
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}



footer ul li {
  margin-bottom: 10px;
}

.footer_bottom ul li {
  margin-bottom: 0;
}

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

footer ul li a {
  /* font-size: 14px; */
  color: rgba(255, 255, 255, 0.8);
  font-style: normal;
  font-weight: 400;
}

footer ul li span {
  color: #91A0D4;
  font-family: var(--font-heading);
  /* font-size: 14px; */
  font-style: normal;
  font-weight: 500;
  display: block;
  line-height: normal;
}

footer ul li a:hover {
  color: #5E74C1;

}

.link_contact {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer_social_link a:not(:first-child) {
  margin-left: 10px;
}

.footer_social_link a {
  width: 35px;
  height: 35px;
  background: var(--foundation-primary-primary-1, rgba(255, 255, 255, 0.8));
  border-radius: 5px;
  border-radius: 100px;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  font-size: 16px;
  /* color: rgba(255, 255, 255, 0.8); */
}

.footer_social_link a svg path {
  fill: var(--heading-color);
}

.footer_social_link a:hover svg path {
  fill: #fff;
}

.footer_social_link .facebook:hover {
  background: #0865FE;
}

.footer_social_link .instagram:hover {
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)
}

.footer_social_link .skype:hover {
  background: #00AFF0;
}

.footer_social_link .linkedin:hover {
  background: #0077B5;
}

.footer_middle {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjg2IiBoZWlnaHQ9IjEzMCIgdmlld0JveD0iMCAwIDI4NiAxMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMSI+CjxwYXRoIGQ9Ik02MSAxMzBIMTI2Ljc5NUwxNzMgMzZMMTE3IDM2TDcwLjc5NTQgMTMwSDYxWiIgZmlsbD0iIzIxMjUyOSIvPgo8cGF0aCBkPSJNMCAxMzBMNTAuNTIxNSAxMzBMODYgNTdMNDMgNTdMNy41MjE0NSAxMzBIMFoiIGZpbGw9IiMyMTI1MjkiLz4KPHBhdGggZD0iTTEzMiAxMzBIMjIyLjQ2OUwyODYgMEwyMDkgNi43MzE1NWUtMDZMMTQ1LjQ2OSAxMzBIMTMyWiIgZmlsbD0iIzIxMjUyOSIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
  background-position: bottom right 327px;
  background-size: 275px;
  background-color: #131517;
}

.services_item {
  border-radius: 6px;
  border: 1px solid var(--text-white);
  background: #FFF;
  box-shadow: 0px 10px 24px -11px rgba(0, 0, 0, 0.00);
  position: relative;
  margin-bottom: 35px;
  padding: 20px;
}

.service_heading {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.btn_outline_white {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn_outline_white a,
.btn_outline_white button {
  color: #0077B5;
  /* font-size: 14px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 20;
  border-radius: 4px;
  background: #fff;
  padding: 10px 20px;
  border: 1px solid #0077B5;
  font-family: var(--font-heading);
}

.btn_outline_white button {
  background: transparent;
  border: none;
}

.btn_outline_white button:hover,
.btn_outline_white a:hover {
  border: 1px solid #0077B5;
}

.btn_outline_white:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: transparent;
  width: 100%;
  z-index: 10;
  border-radius: 4px;
}

.btn_outline_white:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #0077B5;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  border-radius: 4px;
}

.btn_outline_white:hover,
.btn_outline_white:hover a {
  color: #fff;
}

.btn_outline_white:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn_outline_white svg path {
  fill: #0077B5
}

.btn_outline_white:hover svg path {
  fill: #fff;
}

.counter_wrapper {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU1IiBoZWlnaHQ9IjMwOSIgdmlld0JveD0iMCAwIDQ1NSAzMDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMiI+CjxwYXRoIGQ9Ik00NTUgMEgzMTIuMjQ4TDIxMiAyMDVIMzMzLjVMNDMzLjc0OCAwSDQ1NVoiIGZpbGw9IiMyRTRCQUUiLz4KPHBhdGggZD0iTTI2OSA3MkgxMTAuOTc0TDAgMzA5SDEzNC41TDI0NS40NzQgNzJIMjY5WiIgZmlsbD0iIzJFNEJBRSIvPgo8L2c+Cjwvc3ZnPgo=), url(../images/banner-shape-3.png);
  background-position: bottom right, left bottom;
  background-size: 400px, 500px;
  background-repeat: no-repeat;
}

.cta_content {
  position: relative;
  top: -50px;
  background: var(--primary-color);
  padding: 35px 45px;
  border-radius: 6px;
  width: 639px;
  left: -40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU1IiBoZWlnaHQ9IjMwOSIgdmlld0JveD0iMCAwIDQ1NSAzMDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMiI+CjxwYXRoIGQ9Ik00NTUgMEgzMTIuMjQ4TDIxMiAyMDVIMzMzLjVMNDMzLjc0OCAwSDQ1NVoiIGZpbGw9IiMyRTRCQUUiLz4KPHBhdGggZD0iTTI2OSA3MkgxMTAuOTc0TDAgMzA5SDEzNC41TDI0NS40NzQgNzJIMjY5WiIgZmlsbD0iIzJFNEJBRSIvPgo8L2c+Cjwvc3ZnPgo=);
  background-position: bottom right;
  background-size: 400px;
  background-repeat: no-repeat;
}

.cta_content .sub_heading {
  color: #C2CAE7;
  font-weight: 400;
}

.cta_content p {
  color: #C2CAE7;
}

.cta_content .text_heading {
  color: #fff;
  font-family: var(--font-heading);
}

.cta_section {
  background-image: url(../images/banner-shape-3.png);
  background-position: left bottom;
  background-size: 450px;
  background-repeat: no-repeat;
}

.contact_section {
  background-image: url(../images/banner-shape-3.png);
  background-position: left bottom;
  background-size: 500px;
  background-repeat: no-repeat;
}

.banner {
  background-image: url(../images/banner-shape-3.png);
  background-position: left bottom;
  background-size: 500px;
  background-repeat: no-repeat;
}

/* Tab */
.tab {
  display: flex;
  justify-content: space-between;
}

.tab button.active,
.tab button.active:hover {
  background: var(--primary-color);
  transition: 0.2s ease-in-out;
}

.tab button {
  width: 100%;
  border: none;
  text-transform: uppercase;
  height: 60px;
  transform: skew(345deg);
  background: #6E82C9;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 8px;
  /* padding: 0 100px; */
  color: #fff;
  font-weight: 400;
  transition: 0.2s ease-in-out;
}

.tab button span {
  display: block;
  transform: skew(15deg);
  font-family: var(--font-heading);
}

.tab button:hover {
  background-color: #afbae0;
  transition: 0.2s ease-in-out;
}

.tabcontent {
  display: none;
  padding: 40px 0 0;
}

.list_about {
  list-style: none;
}

.list_about li:before {
  content: "";
  width: 20px;
  height: 20px;
  position: relative;
  background: url(../images/icons/check-icon-circle-fill.svg);
  display: inline-block;
  margin-right: 5px;
  background-size: cover;
  top: 5px;
}

.list_about li {
  list-style: none;
  color: var(--heading-color);
  font-weight: 400;
  position: relative;
  margin-bottom: 10px;
}

.contact_item {
  display: flex;
  gap: 14px;
  align-items: start;
}

.contact_item_content .fs_22.text_heading {
  font-size: 22px;
}

.contact_item_content .sub_heading {
  color: #737678;
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

.contact_item_content .text_heading {
  color: #212529;
  font-family: var(--font-heading);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.g_map {
  color: var(--primary-color);
  font-family: var(--font-heading);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.inquire_form.contactus_form {
  padding: 0;
  background: none;
}

.inquire_form.contactus_form .input-group-text {
  display: flex;
  align-items: center;
  padding: 12px 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: var(--light-bg);
  border: 1px solid var(--light-bg);
  border-radius: 0.375rem;
  border-right: 0px solid transparent;
  transition: 0.3s ease-in-out;
  height: 45px;
}

.inquire_form.contactus_form .form-control.form_control:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--primary-color);
  border-left: 0px;
  background: var(--light-bg);
  transition: 0.3s ease-in-out;
}


.inquire_form.contactus_form .form_control {
  padding-left: 0;
  border-radius: 4px;
  border: 1px solid var(--light-bg);
  background-color: var(--light-bg);
  padding: 12px 12px 12px 0;
  height: 45px;
  /* font-size: 14px; */
  font-family: var(--font-heading);
  border-left: 0px solid transparent;
  transition: 0.3s ease-in-out;
}


.inquire_form.contactus_form .input-group:focus-within .input-group-text,
.inquire_form.contactus_form .form-control:focus~.input-group-append .input-group-text {
  border-color: var(--primary-color);
  transition: 0.3s ease-in-out;
}

.inquire_form.contactus_form input:-webkit-autofill,
.inquire_form.contactus_form input:-webkit-autofill:hover,
.inquire_form.contactus_form input:-webkit-autofill:focus,
.inquire_form.contactus_form textarea:-webkit-autofill,
.inquire_form.contactus_form textarea:-webkit-autofill:hover,
.inquire_form.contactus_form textarea:-webkit-autofill:focus,
.inquire_form.contactus_form input:-internal-autofill-selected {
  -webkit-text-fill-color: #222;
  box-shadow: inset 0 0 0 1px var(--light-bg), inset 0 0 0 100px var(--light-bg) !important;
  transition: 0.3s ease-in-out;

}

.bg_half .contact_item {
  background: #fff;
  position: relative;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0px 6px 39px -20px rgba(0, 0, 0, 0.21);
}


/*! #######################################################################
 MeanMenu 2.0.7
 --------
 To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: transparent;
  /* padding: 4px 0; */
  z-index: 4000;
}

.mean-container a.meanmenu-reveal {
  background: var(--primary-color);
  /* border: 1px solid #757575; */
  width: 22px;
  height: 22px;
  padding: 13px 13px 10px 13px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 4px;
  box-shadow: 0px 2px 20px -10px #00000078;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  /* font-size: 16px; */
  line-height: 22px;
  margin-right: 10px;
  /* font-size: 1px; */
  display: block;
  /* font-family: Arial, Helvetica, sans-serif; */
  /* font-weight: 700; */
  transition: 0.5s;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #ffffff;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #fff;
  margin-top: 53px;
}

.mean-container .mean-nav ul li {
  position: relative;
}


.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-remove {
  display: none !important;
}

.mobile-menu {
  position: absolute;
  right: 0px;
  width: 100%;
  top: 0;
  padding: 12px 0;
}



.mean-container a.meanmenu-reveal span span {
  display: none;
}

.mean-container a.meanmenu-reveal span span span {
  display: none;
}

.mean-container a.meanmenu-reveal span:before {
  width: 22px;
  height: 3px;
  content: '';
  background: #ffffff;
  position: absolute;
  left: 13px;
  top: 22px;
}

.mean-container a.meanmenu-reveal span:after {
  width: 22px;
  height: 3px;
  content: '';
  background: #ffffff;
  position: absolute;
  left: 13px;
  top: 28px;
}

.modal-body .inquire_form .text_heading {
  font-size: 30px;
}

.modal-body .inquire_form .btn-close.btn_right {
  top: 39px;
}


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

  .header_logo,
  .call_btn {
    position: relative;
    z-index: 9999;
  }

  .breadcrumb_nav {
    display: none !important;
  }

  ul.sub_menu li a {
    background: var(--light-bg);
  }

  .mean-expand {
    border: 0px solid transparent !important;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: right;
    z-index: 99999999999;
    right: 0;
  }

  .d_none_sm {
    display: none;
  }

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

  .flex-column-reverse-sm {
    flex-direction: column-reverse;
  }

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

  .mb_40_sm {
    margin-bottom: 40px;
  }

  .feature_content .list_style {
    min-height: auto;
  }
}

.feature_content .list_style {
  min-height: 250px;
}

.btn_primary.bottom-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: none;
}

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

  .footer_social_link a:not(:first-child) {
    margin-left: 5px;
  }

  .footer_social_link a {
    width: 33px;
    height: 33px;
    line-height: 30px;

  }

  .feature_item:hover:before {
    top: -126px;
  }
}

@media screen and (max-width:768px) {
  body .marquee-wrap {
    display: none;
  }

  .service_detail .feature_content {
    position: relative;
  }

  .feature_item.service_detail {
    height: auto !important;
    padding: 15px;
  }

  .feature_item.service_detail {
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 6px 39px -20px rgba(0, 0, 0, 0.21);
    overflow: hidden;
  }

  .feature_content h2.text-white {
    font-size: 22px;
  }

  .breadcrumb_title {
    font-size: 30px;
    margin-bottom: 0;
  }



  .feature_item:hover:before {
    top: 0;
    height: 145%;
  }

  footer .mb_40_sm {
    margin-bottom: 0;
  }


  .feature_item:hover .feature_content {
    bottom: 0;
  }

  .feature_content {
    bottom: 0px;
  }


  .feature_item:before {
    background: linear-gradient(0deg, #011454 48%, #011454cc 73%);
  }

  .cta_group {
    gap: 0 !important;
    flex-direction: column;
  }

  .banner .banner_content_img:before {
    left: 9%;
    bottom: 19px;

  }

  .footer_bottom {
    padding: 20px 0 70px !important;
  }

  .contact_item {
    position: relative;
    border-radius: 8px;
    padding: 0 !important;
    gap: 9px;
    border: 0px !important;
    margin-bottom: 30px;
    background: none !important;
  }

  .container .service_item {
    display: block;
    height: auto;
  }

  .service_item {
    margin-bottom: 15px;
  }

  .banner .banner_content_img:after {
    width: 75px;
    height: 100px
  }

  section.breadcrumb.ptb_60.ptb_40_xs {
    padding: 20px 0 !important;
  }

  .btn_primary.bottom-fixed a,
  .btn_primary.bottom-fixed button {
    width: 100%;
    border-radius: 0 !important;
  }

  .btn_primary.bottom-fixed:after {
    border-radius: 0 !important;
  }

  .btn_primary.bottom-fixed {
    display: block !important;
  }

  .contact_section:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--light-bg);
    height: 19%;
    width: 100%;
  }

  .order-xs-2 {
    order: 2 !important
  }

  .contact_item_content .fs_22.text_heading,
  .g_map {
    font-size: 16px;
  }

  .bg_half .contact_item {
    margin-bottom: 20px;
  }

  .mb_0_xs {
    margin-bottom: 0 !important;
  }

  .counter_wrapper {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU1IiBoZWlnaHQ9IjMwOSIgdmlld0JveD0iMCAwIDQ1NSAzMDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMiI+CjxwYXRoIGQ9Ik00NTUgMEgzMTIuMjQ4TDIxMiAyMDVIMzMzLjVMNDMzLjc0OCAwSDQ1NVoiIGZpbGw9IiMyRTRCQUUiLz4KPHBhdGggZD0iTTI2OSA3MkgxMTAuOTc0TDAgMzA5SDEzNC41TDI0NS40NzQgNzJIMjY5WiIgZmlsbD0iIzJFNEJBRSIvPgo8L2c+Cjwvc3ZnPgo=);
    background-position: bottom right;
    background-size: 300px;
    background-repeat: no-repeat;
  }

  .team_item_info {
    margin-left: 0;
    margin: 0 auto -55px;
  }

  .team_item {
    margin-bottom: 20px;
  }

  .counter_row {
    flex-direction: column;
  }

  .counter_item {
    margin-bottom: 30px;
  }

  .counter_item:last-child {
    margin-bottom: 0;
  }

  .footer_content {
    padding-top: 20px;
    border-top: 1px solid #272a2e;
    margin-top: 20px;
  }

  .footer_bottom_nav ul li a {
    margin: 0;
  }

  .scrollToTop {
    display: none !important;
  }

  .footer_bottom_nav ul {
    display: block;
  }

  .footer_bottom ul li {
    padding-bottom: 10px;
  }

  .d-none-xs {
    display: none !important;
  }

  .whatsapp_btn {
    bottom: 70px;
    right: 20px;
  }

  .text_main_heading {
    font-size: 34px;
    line-height: 1.3;
  }

  .ptb_30_xs {
    padding: 30px 0;
  }

  .pb_30_xs {
    padding-bottom: 30px;
  }

  .ptb_40_xs {
    padding: 40px 0;
  }

  .team_details_content {
    padding: 20px;
  }

  .btn-close.btn_right,
  .modal-body .inquire_form .btn-close.btn_right {
    right: 20px;
    top: 29px;
  }

  .inquire_form {
    padding: 20px;
  }

  .team_item_thumb {
    margin-bottom: 15px;
    margin-top: 40px;
  }

  .pb_40_xs {
    padding-bottom: 40px;
  }

  .contact_item_content .text_heading {
    font-size: 19px;
  }

  .contact_item_content .sub_heading {
    font-size: 16px;
  }

  .team_item_thumb {
    margin-bottom: 15px;
  }

  .mb_40_xs {
    margin-bottom: 30px;

  }

  .mb_20_xs {
    margin-bottom: 20px;
  }

  .flex-column-reverse-xs {
    flex-direction: column-reverse;
  }

  header {
    padding: 17px 0;
  }

  .banner_img {
    width: 300px;
    margin-bottom: 15px;
  }

  .text_heading {
    font-size: 27px;
  }

  .bg_half:before,
  .bg_half_services:before {
    height: 75%;
  }

  .service_img {
    padding: 20px 0 0;
  }

  .services_cta {
    padding: 0 20px 20px;
  }

  .cta_content .text_heading {
    font-size: 25px;
  }

  .cta_content {
    position: relative;
    top: 0;
    padding: 25px;
    width: 100%;
    left: 0;
  }

  .services_item {
    margin-bottom: 15px;
  }

  .marquee-wrap {
    margin: 0px 0 !important;
    padding: 30px 0;
    width: 100%;
    transform: none !important;
  }

  .marquee-text {
    font-size: 30px !important;
  }

  .contact_item.cta_item img {
    height: 25px !important;
  }

  .marquee-wrap:after {
    display: none !important;
  }

  .container .about_us_img:before {
    left: 39px;
    top: -25px;
    width: 109px;
    height: 131px;
  }

  .container .about_us_img:after {
    right: 40px;
    bottom: -18px;
    width: 75px;
    height: 95px;
  }

  .services_cta .mb_20 {
    margin: 0;
  }

  .services_cta {
    flex-direction: row;
    display: flex;
    gap: 10px;
    width: 100%;
  }

  .heading_content {
    margin-bottom: 20px;
  }

  .about_thumb,
  .about_thumb_content {
    width: 165px;

  }

  .services_item {
    flex-direction: column;
  }

  .about_us_img .about_thumb_content .sub_heading {
    /* font-size: 14px; */
  }

  .about_us_img .about_thumb_content .text_heading {
    font-size: 40px;
  }

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

  .contact_section:before,
  .bg_half:before,
  .bg_half_services:before {
    display: none;
  }

  .contact_item {
    background: #fff;
    position: relative;
    border-radius: 8px;
    padding: 25px;
    box-shadow: none;
    margin-bottom: 20px;
  }

  .bg_half .contact_item {
    box-shadow: none;
  }

  .mb_30_xs {
    margin-bottom: 30px;
  }

  .mb_50_xs {
    margin-bottom: 30px;
  }


  .about_us_img {
    margin-bottom: 30px;
  }

  .tab button {
    font-size: 15px;
    margin: 0 5px;
  }

  .tab button span span {
    transform: unset;
    display: block !important;
  }

  .tabcontent {
    padding: 20px 0 0;
  }
}

.header_right {
  display: flex;
}

.mean-container .mean-nav ul li a {
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #e9e9e9;
  color: #222;
  font-weight: 500;
}

.tab button span span {
  transform: unset;
  display: inline-flex;
}

/* ------------------------
Marquee Text
------------------------*/
.marquee-wrap {
  margin: 30px 0;
  padding: 30px 0;
  background: var(--primary-color);
  width: 100%;
  position: relative;
  transform: scale(1.1) rotate(-3deg);
  z-index: 1;
}

.marquee-wrap:after {
  position: absolute;
  content: '';
  bottom: -77px;
  background: #f3f6ff;
  width: 100%;
  height: 77px;
  display: block;
  z-index: 0;
}

.marquee-wrap,
.marquee-title {
  display: block;
}

.marquee-text {
  animation: marquee 15s linear infinite;
  position: relative;

  font-weight: 600;
  display: inline-block;
  font-size: 40px;
  width: 100%;
  white-space: nowrap;
  font-weight: 600;

  font-family: var(--font-heading);
}

.marquee-text .fill {
  color: #fff;
}

.marquee-text .stroke {
  -webkit-text-stroke: 2px #fff;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.marquee-text i {
  font-size: 40px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: 0 30px;
  color: #222;
}

.marquee-title .marquee-text {
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 600;
}

.marquee-title .marquee-text i {
  -webkit-text-stroke: 1px #fff;
}


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

  100% {
    transform: translatex(-100%);
  }
}

@keyframes marquee-2 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translatex(0);
  }
}

.text_link .fill {
  fill: var(--primary-color)
}

.about_thumb_content .text_heading {
  color: #FFF;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 119%;
  letter-spacing: -0.3px;
}

.about_thumb_content .sub_heading {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
}

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

.counter_heading {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.counter_sub {
  color: #CACBCC;
  font-family: var(--font-heading);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.counter_row {
  display: flex;
  justify-content: space-between;
}

.mt_30 {
  margin-top: 30px;
}

.mt_20 {
  margin-top: 20px;
}

@media screen and (min-width:992px) {
  .main-menu ul li ul li {
    margin-right: 0;
    text-align: left;
    display: block;
    width: 100%;
  }

  .header .main-menu nav ul li ul {
    display: flex;
    flex-direction: column;
    text-align: left;
    position: absolute;
    left: 0px;
    width: 250px;
    text-align: left;
    background: #fff;
    z-index: 900;
    border-top: 3px solid var(--primary_color_01);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 5px 0px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    top: calc(100% + 30px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;

  }

  .header .main-menu nav ul li ul li a {
    font-weight: 500;
    padding: 10px 15px;
    display: block;
    /* font-size: 14px; */
    color: #666;
  }

  .header .main-menu nav ul li ul li a:hover {
    color: var(--primary-color);
  }

  .header .main-menu nav ul li:hover>ul {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;

  }
}

.about_content {
  padding-left: 25px;
}

.inner {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.header .main-menu nav ul li a.active {
  color: var(--primary-color);
}

.main-menu ul a.active:before {
  display: none;
}

.banner_content_img {
  position: relative;
  padding: 0 30px 30px;
}

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

.banner_content_img:after {
  content: '';
  position: absolute;
  right: 18px;
  top: 30px;
  width: 100px;
  height: 170px;
  opacity: 1;
  background: #afbae0;
  transform: skew(342deg);
  z-index: 3;
}

.banner_content_img:before {
  content: '';
  position: absolute;
  left: 2%;
  bottom: -10px;
  width: 150px;
  height: 240px;
  background: #00239c;
  transform: skew(342deg);
  z-index: 0;
}

.text_link_white {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.5s ease;
}

.text_link_white svg {
  margin-left: 3px;
}

.text_link_white svg path {
  fill: #fff;
  transition: 0.5s ease;
}


.about_us_img,
.about_us_img img {
  position: relative;
  z-index: 1;
}

.about_us_img:after {
  content: '';
  position: absolute;
  right: 85px;
  bottom: -30px;
  width: 100px;
  height: 170px;
  opacity: 0.98;
  background: #afbae0;
  transform: skew(342deg);
  z-index: 1;
}

.about_us_img:before {
  content: '';
  position: absolute;
  left: 70px;
  top: -40px;
  width: 150px;
  height: 240px;
  background: #00239c;
  transform: skew(342deg);
  z-index: 0;
  opacity: 0.98;
}

.mb_25 {
  margin-bottom: 25px;
}

.bg_pattern {
  background-image: url(../images/bg-pattern-2.svg), url(../images/banner-shape-3.png);
  background-position: bottom right, left bottom;
  background-size: 400px, 500px;
  background-repeat: no-repeat;
}

.service_detail .feature_content {
  bottom: 0;
}

.service_detail p {
  margin-bottom: 0;
  color: #ccc;
}

.service_item {
  background: #fff;
  border: 1px solid #ebefff;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
}

.service_item p {
  margin-bottom: 0;
}

.service_icon {
  height: 80px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  position: relative;
  background: #ebefff;
  margin-bottom: 15px;

}

.service_icon img {
  height: 50px;
}

.service_icon .fill {
  fill: #001E85;
}

.service_icon .stroke {
  stroke: #001E85;
}

.contact_item.cta_item {
  border: 1px solid #afbae0;
  padding: 15px;
  border-radius: 4px;
  transition: 0.5s ease;
}

.contact_item.cta_item:hover {
  transition: 0.5s ease;
  background: #fff;
}

.contact_item.cta_item:hover h5 {
  color: var(--primary-color);
  transition: 0.5s ease;

}

.text_sub_heading a {
  color: var(--primary-color);
}

.text_sub_heading a:hover {
  color: #001662;
}

.text_sub_heading {
  font-weight: 400;
  margin: 30px 0 20px;
}

.contact_item.cta_item img {
  height: 40px;
}

.contact_item.cta_item .sub_heading {
  font-weight: 500;
  letter-spacing: normal;
  text-transform: capitalize;
}

.contact_item_content .main_heading {
  font-weight: 500;
  font-size: 20px;
  margin: 0;
}

.cta_group {
  gap: 11px;
}

.position-relative.about_us_img.about_img_p::before {
  left: 40px;
}

.position-relative.about_us_img.about_img_p::after {
  right: 60px;
  bottom: -40px;
}

.gutter_25rem {
  --bs-gutter-x: 2.3rem;
  --bs-gutter-y: 2.3rem;
}

.feature_item.service_detail {
  background-size: cover;
  height: 400px;
}

.fpa {
  background: url(../images/services/financial/analysis.jpg);
}

.baf {
  background: url(../images/services/financial/budgeting.jpg);

}

.tpac {
  background: url(../images/services/financial/tax.jpg);
}

.fra {
  background: url(../images/services/financial/risk.jpg);
}

.tdi {
  background: url(../images/services/financial/taxation.jpg);
}

.agca {
  background: url(../images/services/financial/audits.jpg);
}

.pfol {
  background: url(../images/services/financial/loan.jpg);
}

.tax_audit {
  background: url(../images/services/financial/tax-services.jpg);

}

.cfo {
  background: url(../images/services/financial/cfo.jpg);
}

.tar {
  background: url(../images/services/hr/talent.jpg);
}

.edt {
  background: url(../images/services/hr/employee.jpg);
}

.pm {
  background: url(../images/services/hr/performance.jpg);
}

.cbf {
  background: url(../images/services/hr/compensation.jpg);
}

.hpd {
  background: url(../images/services/hr/policy.jpg);
}

.hrcls {
  background: url(../images/services/hr/legal.jpg);
}

.itap {
  background: url(../images/services/hr/Industrial-training.jpg);
}

.itsd {
  background: url(../images/services/it/it.jpg);
}

.tim {
  background: url(../images/services/it/technology-infrastructure-management.jpg);
}

.csc {
  background: url(../images/services/it/cyber-security.jpg);
}

.ssai {
  background: url(../images/services/it/software-selection.jpg);

}

.dt {
  background: url(../images/services/it/digital-transformation.jpg);
}

.itpm {
  background: url(../images/services/it/it-project-management.jpg);
}

.sa_s {
  background: url(../images/services/it/server-and-storage.jpg);
}

.s_s {
  background: url(../images/services/it/systems.jpg);
}

.sa_v {
  background: url(../images/services/it/software-and-virtualisation.jpg);
}

.na_c {
  background: url(../images/services/it/networking-and-communication.jpg);
}

.c_s {
  background: url(../images/services/it/cyber-security.jpg);
}

.cloud_s {
  background: url(../images/services/it/cloud-service.jpg);
}

.d_m {
  background: url(../images/services/it/document-management.jpg);
}

.km {
  background: url(../images/services/it/key-management.jpg);
}

.o_h {
  background: url(../images/services/it/occupational-health.jpg);

}

.tp_s {
  background: url(../images/services/it/training-and-professional-services.jpg);

}

.crd {
  background: url(../images/services/legal/contract.jpg);
}

.ipr {
  background: url(../images/services/legal/intellectual-property-rights.jpg);
}

.rc {
  background: url(../images/services/legal/regulatory-compliance.jpg);
}


.ls {
  background: url(../images/services/legal/litigation-support.jpg);
}

.bsag {
  background: url(../images/services/legal/business-structure-and-governance.jpg);
}

.lra {
  background: url(../images/services/legal/legal-risk-assessment.jpg);

}

.ewls {
  background: url(../images/services/legal/employeewelfareandlegalsupport.jpg);
}

.terms_and_conditions h2 {
  margin: 30px 0 10px;
  font-size: 26px;
  font-weight: 500;
}

.terms_and_conditions h3 {
  margin: 20px 0 10px;
  font-size: 22px;
  font-weight: 500;
}