/*
Template Name: Fedgeek
*/
/*================================================
1. Default CSS
2. Menu Css
3. Hero CSS
4. Planning CSS
5. Way CSS
6. Customer CSS
7. Leadership CSS
8. Subscribe CSS
9. Footer CSS
10. About CSS
11. Cta CSS
12. Service CSS
13. About Two CSS
14. Team CSS
15. Fiduciary CSS
16. Book CSS
17. Job CSS
18. Contact CSS
19. Client CSS
20. Resource CSS

=================================================*/
/*================================================
1. Default CSS
=================================================*/
/* Media Query Variable */
/*CSS Variable*/
:root {
  /*font Variable*/
  --ff-oxygen: "Oxygen", sans-serif;
  --ff-liber: "Libre Caslon Text", serif;
  --ff-archivo: "Archivo", sans-serif;
  --ff-inter: "Inter", sans-serif;
  /*Color Variable*/
  --primary-green: #18ad7f;
  --primary-blue: #1e2866;
  --primary-green-rgb: 24, 173, 127;
  --primary-dark-green: #0b635e;
  --primary-dark-green-rgb: 11, 99, 94;
  --secondary-black: #231f20;
  --secondary-black-rgb: 35, 31, 32;
  --color-light-blue: #92e9ff;
  --color-gray: #d8d8d8;
  --color-black: #000;
  --color-white: #fff;
  --color-yellow: #f2af29;
  --color-light-green: #94ecbe;
  --color-light-green-rgb: 148, 236, 190;
  --color-gradient-1: linear-gradient(
    90deg,
    #51cdeb 0%,
    var(--color-light-green) 100%
    );
  --color-gradient-2: linear-gradient(
    90deg,
    var(--color-light-green) 0%,
    #51cdeb 100%
    );
  --color-gradient-3: linear-gradient(
    90deg,
    var(--color-light-green) 0%,
    #18ad7f 100%
    );
  --color-gradient-4: linear-gradient(90deg, #94ecbe 0%, #51cdeb 100%);
  /*Transition Variable*/
  --transition: all 0.3s;
  /*Font-size Variable*/
  --fs-xs: 18px;
  --fs-sm: 20px;
  --fs-md: 22px;
  --fs-base: 24px;
  --fs-lg: 26px;
}

html, body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}

a {
  color: rgba(var(--primary-green-rgb), 1);
  text-decoration: none;
}
a:focus {
  outline: 0 solid;
}
a:hover {
  text-decoration: none;
  color: rgba(var(--primary-green-rgb), 1);
}

figure {
  margin-bottom: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-archivo);
  font-weight: 800;
  margin: 0;
  color: var(--color-black);
  line-height: normal;
  font-style: normal;
}

h1,
.h1 {
  font-size: 60px;
}

h2,
.h2 {
  font-size: 42px;
}

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

h6,
.h6 {
  font-size: var(--fs-xs);
}

@media only screen and (max-width: 1599.98px) {
  h1,
  .h1 {
    font-size: 55px;
  }
  h2,
  .h2 {
    font-size: 40px;
  }
  h3,
  .h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1399.98px) {
  h1,
  .h1 {
    font-size: 50px;
  }
  h2,
  .h2 {
    font-size: 38px;
  }
  h3,
  .h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1199.98px) {
  h1,
  .h1 {
    font-size: 45px;
  }
  h2,
  .h2 {
    font-size: 35px;
  }
  h3,
  .h3 {
    font-size: 25px;
  }
  h6,
  .h6 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991.98px) {
  h1,
  .h1 {
    font-size: 40px;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 35px;
  }
  h2,
  .h2 {
    font-size: 28px;
  }
  h3,
  .h3 {
    font-size: 22px;
  }
}
html,
body {
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: normal;
  color: var(--color-black);
}

@media only screen and (max-width: 1199.98px) {
  html,
  body {
    font-size: var(--fs-md);
  }
}
@media only screen and (max-width: 767.98px) {
  html,
  body {
    font-size: var(--fs-sm);
  }
}
@media only screen and (max-width: 575.98px) {
  html,
  body {
    font-size: var(--fs-xs);
  }
}
p {
  margin-bottom: 0;
}

input:focus,
textarea:focus,
button:focus {
  outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

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

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input:-webkit-autofill:hover, input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.section-margin-top {
  margin-top: 120px;
}

.section-margin-bottom {
  margin-bottom: 120px;
}

.row-top-margin {
  margin-top: 85px;
}

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

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

.row-top-padding {
  padding-top: 85px;
}

.row-bottom-padding {
  padding-bottom: 85px;
}

.z-index-one {
  z-index: 1 !important;
}

.z-index-minus-one {
  z-index: -1 !important;
}

.section-middle {
  margin: 0 auto;
}

@media only screen and (max-width: 991.98px) {
  .section-margin-top {
    margin-top: 60px;
  }
  .section-margin-bottom {
    margin-bottom: 60px;
  }
  .row-top-margin {
    margin-top: 30px;
  }
  .section-padding-top {
    padding-top: 60px;
  }
  .section-padding-bottom {
    padding-bottom: 60px;
  }
  .row-top-padding {
    padding-top: 30px;
  }
  .row-bottom-padding {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  .section-margin-top {
    margin-top: 45px;
  }
  .section-margin-bottom {
    margin-bottom: 45px;
  }
  .row-top-margin {
    margin-top: 30px;
  }
  .section-padding-top {
    padding-top: 45px;
  }
  .section-padding-bottom {
    padding-bottom: 45px;
  }
  .row-top-padding {
    padding-top: 30px;
  }
  .row-bottom-padding {
    padding-bottom: 30px;
  }
}
.text_color_green {
  color: var(--primary-green) !important;
}

.bg_color_green {
  background-color: var(--primary-green) !important;
}

.text_color_blue {
  color: var(--primary-blue) !important;
}

.bg_color_blue {
  background-color: var(--primary-blue) !important;
}

.text_color_gray {
  color: var(--color-gray) !important;
}

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

.text_color_light_blue {
  color: var(--color-light-blue) !important;
}

.bg_color_light_blue {
  background-color: var(--color-light-blue) !important;
}

.text_color_dark_green {
  color: var(--primary-dark-green) !important;
}

.bg_color_dark_green {
  background-color: var(--primary-dark-green) !important;
}

.text_color_light_blue {
  color: var(--color-light-blue) !important;
}

.bg_color_light_blue {
  background-color: var(--color-light-blue) !important;
}

.text_color_secondary_black {
  color: var(--secondary-black) !important;
}

.bg_color_secondary_black {
  background-color: var(--secondary-black) !important;
}

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

.bg_color_white {
  background-color: var(--color-white) !important;
}

.text_color_yellow {
  color: var(--color-yellow) !important;
}

.bg_color_yellow {
  background-color: var(--color-yellow) !important;
}

.text_color_light_green {
  color: var(--color-light-green) !important;
}

.bg_color_light_green {
  background-color: var(--color-light-green) !important;
}

.bg_color_gradient-1 {
  background: var(--color-gradient-1) !important;
}

.bg_color_gradient-2 {
  background: var(--color-gradient-2) !important;
}

.bg_color_gradient-3 {
  background: var(--color-gradient-3) !important;
}

.max_content {
  width: -moz-max-content;
  width: max-content;
}

.max-width-729 {
  max-width: 729px;
  width: 100%;
}

[class*=border-] {
  position: relative;
}
[class*=border-]::before, [class*=border-]::after {
  position: absolute;
  content: "";
}

.service-area-service-list .service__row {
  --bs-gutter-x:0!important;
}

.border-style-r::after {
  width: 1px;
  height: 100%;
  right: -18px;
  bottom: 0;
  border-right: 1px dotted var(--color-black);
}

.border-style-b::before {
  width: 80%;
  height: 1px;
  left: 10%;
  bottom: 0;
  border-bottom: 1px dotted var(--color-black);
  z-index: 1;
}

@media only screen and (min-width: 576px) {
  .border-sm-style-b::before {
    width: 90%;
    height: 1px;
    left: 5%;
    bottom: -0.75rem;
    border-bottom: 1px dotted var(--color-black);
  }
}
@media only screen and (min-width: 768px) {
  .border-md-style-b-0::before {
    content: unset;
  }
  .border-md-style-r-0::after {
    content: unset;
  }
  .border-md-style-b::before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -16.5px;
    border-bottom: 1px dotted var(--color-black);
  }
  .border-md-style-r::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0px;
    bottom: 0;
    border-right: 1px dotted var(--color-black);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .benefits__ites-wrapper .col-md-6:nth-child(even) .border-md-style-r::after {
    display: none;
  }
  .benefits__ites-wrapper .col-md-6:nth-child(odd) .border-md-style-r::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    right: -18px;
    bottom: 0;
    border-right: 1px dotted var(--color-black);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__row .service__card.item__card::before {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    left: 5%;
    bottom: -0.75rem;
    border-bottom: 1px dotted var(--color-black);
  }
  .service__row .service__card.item__card::before:last-child {
    display: none;
  }
  .service__row .col-md-6:last-child .service__card.item__card:before,
  .service__row .col-md-6:nth-last-child(2):not(:nth-child(2)) .service__card.item__card:before {
    display: none;
  }
  .service__row .col-md-6:nth-child(even) .service__card.item__card::after {
    display: none !important;
  }
  .service__row .col-md-6:nth-child(odd) .service__card.item__card::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    bottom: 0;
    border-right: 1px dotted var(--color-black);
  }
}
@media only screen and (max-width: 991.98px) {
  .service__card.item__card::before, .service__card.item__card::after {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .service__card.item__card {
    display: flex;
  }
  .service-area-service-list .service__row {
    margin-bottom: 20px;
  }
  .service-area-service-list .service__row > div {
    margin-top: 10px;
  }
  .service-area-service-list .service__card.item__card {
    padding: 15px 0;
    flex-direction: row;
    justify-content: left !important;
    width: 80%;
    margin: 0 auto;
  }
  .service-area-service-list .service__card.item__card img {
    width: 35px;
    height: auto;
  }
  .service-area-service-list .service__card.item__card::before, .service-area-service-list .service__card.item__card::after {
    display: none;
  }
}
@media only screen and (max-width: 575.98px) {
  .service-area-service-list .service__card.item__card {
    width: 90%;
  }
}
@media only screen and (min-width: 992px) {
  .border-lg-style-b-0::before {
    content: unset;
  }
  .border-lg-style-r-0::after {
    content: unset;
  }
  .border-lg-style-r::after {
    width: 1px;
    height: 100%;
    right: 0px;
    bottom: 0;
    border-right: 1px dotted var(--color-black);
  }
  .border-lg-style-b::before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -16.5px;
    border-bottom: 1px dotted var(--color-black);
  }
}
@media only screen and (min-width: 1200px) {
  .border-xl-style-b-0::before {
    content: unset;
  }
  .border-xl-style-r-0::after {
    content: unset;
  }
  .border-xl-style-r::after {
    width: 1px;
    height: 100%;
    right: -18px;
    bottom: 0;
    border-right: 1px dotted var(--color-black);
  }
  .border-xl-style-b::before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -16.5px;
    border-bottom: 1px dotted var(--color-black);
  }
}
/*
============================================
============= Custom Scroll Bar CSS ================
*/
body::-webkit-scrollbar {
  width: 0.3em;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 10px;
}

/*
============================================
============= Custom Scroll Bar CSS End ================
*/
/*
============================================
============= Preloader CSS ================
*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: var(--color-black);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader .spinner-wrap {
  width: 180px;
  height: 180px;
  position: relative;
}

.preloader .preloader-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader .preloader-logo img {
  max-width: 130px;
}

.preloader .spinner {
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid var(--primary-green);
  border-top: 3px solid var(--color-yellow);
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: spin 2s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
============= Preloader CSS END ================
================================================
*/
/*Back to Top btn*/
.back-to-top-btn {
  position: fixed;
  bottom: 40px;
  right: 30px;
  background: #fff;
  mix-blend-mode: exclusion;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  display: none;
  z-index: 9999;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
.back-to-top-btn i {
  color: #000;
  font-size: 18px;
  transition: 0.3s;
  -webkit-text-stroke: 1px;
}
.back-to-top-btn i::before {
  vertical-align: middle;
}

/*Back to Top btn End*/
@media (min-width: 1400px) {
  .container-1338 {
    max-width: 1374px;
  }
}
@media (min-width: 1400px) {
  .container-1202 {
    max-width: 1202px;
  }
}
.common-btn {
  text-align: center;
  text-transform: capitalize;
  font-size: 20px;
  display: inline-block;
  font-weight: 700;
  padding: 11px 18px;
  transition: var(--transition);
  background-color: var(--color-white);
  color: var(--secondary-black);
  border: 2px solid var(--color-white);
}
.common-btn:hover {
  background-color: transparent;
  color: var(--color-white);
}
.common-btn.btn-green {
  border-color: var(--primary-green);
}
.common-btn.btn-green:hover {
  border-color: var(--primary-green);
  background-color: var(--primary-green);
  color: var(--color-white);
}
.common-btn.file-input {
  color: var(--secondary-black) !important;
  font-weight: 600 !important;
  cursor: pointer;
}
.common-btn.file-input:hover {
  color: #fff !important;
  xbackground-color: var(--color-white) !important;
  xborder-color: var(--primary-green) !important;
}
.common-btn--extend:hover {
  background-color: transparent;
  color: var(--secondary-black);
  border-color: var(--secondary-black);
}
.common-btn.bg-bright-gray {
  background-color: transparent;
  border-color: var(--primary-green);
}
.common-btn.bg-bright-gray:hover {
  border-color: var(--primary-green);
  background-color: var(--primary-green);
  color: var(--color-white);
}

.button-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--primary-green);
  font-size: var(--fs-sm);
  text-transform: capitalize;
  transition: var(--transition);
  font-weight: 700;
}
.button-link i {
  font-weight: 700;
  font-size: inherit;
}
.button-link:hover {
  color: var(--primary-dark-green);
}

@media only screen and (max-width: 1199.98px) {
  .common-btn {
    padding: 8px 15px;
    font-size: var(--fs-xs);
  }
  .button-link {
    font-size: var(--fs-xs);
  }
}
.section__header h2 {
  text-transform: capitalize;
}

.item__card {
  background: var(--color-white);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.item__card.style-1 {
  box-shadow: none;
  gap: 20px;
  justify-content: flex-start;
}
.item__content h3 {
  margin-top: 20px;
}
@media only screen and (min-width: 1400px) {
  .item__content h3 {
    font-size: 26px;
  }
}
.item__content p {
  margin-top: 24px;
  font-size: var(--fs-sm);
}
.item__content p a {
  text-decoration: underline;
}

@media only screen and (min-width: 1400px) {
  .item__card.style-1 {
    padding: 65px 45px;
  }
}
@media only screen and (max-width: 991.98px) {
  .item__card {
    padding: 30px;
  }
  .item__content svg + h3 {
    margin-top: 20px;
  }
  .item__content p {
    margin-top: 20px;
    font-size: var(--fs-xs);
  }
}
@media only screen and (max-width: 767.98px) {
  .item__card.style-1 {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
  }
  .item__card.style-1 h3 {
    xtext-align: center;
  }
  .item__content svg + h3 {
    margin-top: 10px;
  }
  .item__content p {
    margin-top: 10px;
  }
}
.common-hero-area {
  padding: 100px 0 130px;
  position: relative;
  z-index: 0;
}
.common-hero-area.bg-hero-gradient {
  background: var(--color-gradient-1) !important;
}
.common-hero-area.bg_color_blue {
  background: var(--primary-blue) !important;
}
.common-hero-area.bg_color_gray {
  background: var(--color-gray) !important;
}
.common-hero-area.bg_color_light_blue {
  background: var(--color-light-blue) !important;
}
.common-hero-area.no-bg {
  background: transparent;
}
.common-hero-area .p-margin {
  margin-top: 30px;
}
@media only screen and (min-width: 1200px) {
  .common-hero-area.digital-communications .common-hero__info, .common-hero-area.service-hero-area .common-hero__info {
    max-width: 550px;
  }
}
.common-hero-area h2 {
  font-family: var(--ff-inter);
  font-weight: 400;
  margin-top: 30px;
}
@media only screen and (max-width: 1199.98px) {
  .common-hero-area h2 {
    margin-top: 20px;
  }
}
.common-hero__video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: url(../images/shape/service-hero-vector.png);
          mask-image: url(../images/shape/service-hero-vector.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 100% 50%;
          mask-position: 100% 50%;
  -webkit-mask-size: 50%;
          mask-size: 50%;
  z-index: -1;
}
.common-hero__info {
  margin-left: 50px;
  max-width: 486px;
}
.common-hero__info p {
  margin-top: 22px;
  font-size: 32px;
}
.common-hero__info p.contact {
  max-width: 630px;
}

@media only screen and (min-width: 992px) {
  .common-hero-area.strategic-transformation {
    padding: 100px 0 100px;
  }
  .common-hero-area.digital-communications {
    padding: 100px 0 100px;
  }
  .common-hero-area.scientific-support {
    padding: 100px 0 100px;
  }
  .common-hero-area.it-solutions {
    padding: 100px 0 100px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .common-hero__info {
    margin-left: 0;
  }
  .common-hero__info p {
    font-size: 28px;
  }
  .common-hero__video {
    -webkit-mask-size: 45%;
            mask-size: 45%;
  }
}
@media only screen and (max-width: 991.98px) {
  .common-hero-area {
    padding: 60px 0;
  }
  .common-hero-area .p-margin {
    margin-top: 20px;
  }
  .common-hero__video {
    display: none;
  }
  .common-hero__info p {
    margin-top: 16px;
    font-size: var(--fs-base);
  }
}
@media only screen and (max-width: 575.98px) {
  .common-hero__info {
    max-width: 100%;
  }
  .common-hero-area {
    padding: 40px 0;
  }
}
/*================================================
2. Menu CSS
=================================================*/
.menu-area {
  width: 100%;
  padding: 30px 0px;
  background-color: var(--secondary-black);
  z-index: 9;
  position: relative;
}
.menu-area .menu-logo-wrap a {
  max-width: 300px;
}
@media only screen and (min-width: 1200px) {
  .menu-area.stuck {
    padding: 10px 0;
  }
  .menu-area.stuck .standard-logo {
    max-width: 225px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .menu-area {
    padding: 15px 0px;
  }
}

@keyframes slide_down_site {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/* sticky */
.stuck {
  position: fixed;
  top: 0;
  z-index: 1000;
}

#header.stuck {
  width: 100%;
}

.menu-area {
  xopacity: 0;
  txransition: 0.5s ease opacity;
}
.menu-area.stuck {
  xopacity: 0;
}

.mainmenu {
  text-align: right;
}
.mainmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: end;
  gap: 45px;
  row-gap: 0;
  flex-wrap: wrap;
}
.mainmenu ul li:hover > a, .mainmenu ul li.active > a {
  color: var(--primary-green);
}
.mainmenu ul ul {
  display: block;
}
.mainmenu ul ul li ul {
  left: -215px;
  top: 64px;
}
.mainmenu ul ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 15px;
}
.mainmenu li {
  display: inline-block;
  position: relative;
  flex-shrink: 0;
}
.mainmenu li a {
  padding: 19px 0;
  transition: var(--transition);
  display: inline-block;
  font-size: var(--fs-xs);
  font-family: var(--ff-archivo);
  font-style: normal;
  font-weight: 800;
  color: var(--color-white);
  text-transform: uppercase;
}
.mainmenu li ul {
  position: absolute;
  left: 0;
  background: rgba(var(--secondary-black-rgb), 0.95);
  min-width: 250px;
  height: auto;
  transform-origin: 0 0 0;
  right: 0px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
  z-index: 9;
  padding: 0px 22px;
  transform: scale(0);
  border-top: 12px solid var(--color-yellow);
}
.mainmenu li ul li {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 32px;
}
.mainmenu li ul li:not(:last-child) {
  border-bottom: 1px dashed var(--color-white);
}
.mainmenu li ul li::before {
  position: absolute;
  left: 0px;
  font-size: 16px;
  top: 50%;
  transform: translateY(-50%);
  content: "\f134";
  font-family: bootstrap-icons !important;
  color: var(--primary-green);
  transition: var(--transition);
}
.mainmenu li ul li > a {
  color: var(--color-white);
  transition: var(--transition);
  text-transform: initial;
  font-family: var(--ff-archivo);
  font-size: 16px;
  font-weight: 300;
  line-height: 281.25%;
  white-space: nowrap;
}
.mainmenu li ul a {
  color: var(--color-white);
  width: 85%;
  text-align: left;
  margin-left: 0px;
  padding: 0px 0px;
}
.mainmenu li:hover ul {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.mainmenu li:hover ul ul {
  visibility: hidden;
  opacity: 0;
}
.mainmenu li > a {
  transition: 0.3s;
}
.mainmenu li.has-child-menu > a {
  position: relative;
  text-transform: uppercase;
}
.mainmenu li.has-child-menu > a::before {
  position: absolute;
  left: 106%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-family: bootstrap-icons !important;
  transition: var(--transition);
  color: inherit;
  transform-origin: center center;
  content: unset;
}
.mainmenu li.has-child-menu:hover a::before {
  transform: translateY(-50%) rotate(180deg);
}
.mainmenu li.has-child-menu ul li.has-child-menu > a::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-family: bootstrap-icons !important;
  -webkit-text-stroke: 1px;
  content: "\f285";
  transition: all 0.5s;
  color: #000;
}

@media only screen and (max-width: 1199.98px) {
  .mainmenu ul {
    gap: 30px;
    row-gap: 0;
  }
  .mainmenu ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991.98px) {
  .mainmenu {
    display: none;
  }
  .mainmenu ul {
    gap: 25px;
    row-gap: 0;
  }
  .menu-logo-wrap img {
    max-width: 221px;
  }
  .menu-logo-wrap .mobile-menu-reveal {
    color: var(--primary-green);
    font-weight: 700;
    border-radius: 50%;
    min-height: 22px;
    min-width: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 12px;
    background-color: transparent;
    border: none;
    box-sizing: content-box;
  }
  .menu-logo-wrap .mobile-menu-reveal span {
    background: var(--primary-green);
    height: 3px;
    display: block;
    width: 100%;
  }
  .main-menu {
    display: none;
  }
  .main-menu-wrap li {
    margin: 0;
    padding: 0;
  }
  .main-menu-wrap li.has-child-menu .sub-menu .has-child-menu .sub-menu {
    position: relative;
    top: unset;
    left: unset;
  }
  .main-menu-wrap li.has-child-menu:hover > .sub-menu {
    transform: unset;
    opacity: unset;
    visibility: unset;
  }
  .main-menu-wrap li.has-child-menu .sub-menu li a {
    padding: 1em 10%;
  }
  .main-menu-wrap li.has-child-menu .sub-menu {
    position: relative;
    top: unset;
    min-width: unset;
    list-style: none;
    transform: unset;
    opacity: 1;
    visibility: visible;
    transition: unset;
    background: unset;
    box-shadow: unset;
    border-radius: unset;
    border: unset;
    padding: 0;
  }
  .main-menu-wrap li.has-child-menu::before {
    display: none;
  }
  .mean-container .mean-nav {
    position: relative;
    margin-top: 0px;
    background-color: var(--primary-green);
  }
  .mean-container .mean-bar {
    background: transparent;
    padding: 0px 0;
    min-height: 0px;
    z-index: 2;
  }
  .mean-container .mean-nav ul li a.mean-expand {
    height: 33px;
    border-left: unset !important;
    border-bottom: unset !important;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 27px !important;
    font-weight: 200;
    background: none;
    width: 100%;
  }
  .mean-container .mean-nav ul li a.mean-expand:hover {
    background: none;
  }
  .mean-container .mean-nav ul li a {
    font-size: 17px;
    text-transform: uppercase;
  }
  .mean-container .mean-nav ul li:first-child a {
    border-top: 0;
  }
  .mean-container .mean-nav ul li ul li a {
    text-transform: initial;
    opacity: 0.85;
  }
  .main-menu-wrap li.has-child-menu .sub-menu li a {
    color: rgba(255, 255, 255, 0.9215686275);
    font-size: 14px;
  }
  .mean-container .mean-nav ul li li a {
    font-size: 15px;
  }
  .mean-container .mean-nav > ul {
    overflow-y: auto;
    display: block !important;
  }
  .offcanvas {
    transition: all 0.3s ease-in-out;
    background: var(--secondary-black);
  }
  .offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none;
  }
  .offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible;
  }
  .offcanvas .offcanvas-title a img {
    max-width: 200px;
  }
  /* Menu button End */
  /* menu End */
}
@media only screen and (max-width: 991.98px) and (max-width: 575.98px) {
  .offcanvas .offcanvas-title a img {
    max-width: 180px;
  }
}
@media only screen and (max-width: 991.98px) {
  .offcanvas .mobile-menu-close {
    width: 40px;
    height: 40px;
    background-image: unset;
    display: grid;
    place-content: center;
    gap: 5px;
    opacity: 1;
  }
  .offcanvas .mobile-menu-close i,
  .offcanvas .mobile-menu-close svg {
    font-size: 40px;
    transform: rotate(45deg);
    color: var(--primary-green);
  }
  .offcanvas .mobile-menu-close:focus, .offcanvas .mobile-menu-close:active {
    box-shadow: none;
  }
}
@media only screen and (max-width: 575.98px) {
  .menu-logo-wrap img {
    max-width: 180px;
  }
}
@media only screen and (min-width: 992px) {
  .offcanvas,
  .offcanvas-backdrop {
    display: none !important;
  }
}
/*================================================
3. Hero CSS
=================================================*/
.hero-area {
  padding: 174px 0 186px;
  background-image: url(../images/hero/hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.hero__info {
  max-width: 590px;
  margin-left: 44px;
}
.hero__info h1 {
  color: #18ad7f;
}
.hero__info p {
  color: #231f20;
  font-size: 32px;
  margin-top: 22px;
}
.hero__info .common-btn {
  margin-top: 37px;
}

@media only screen and (max-width: 1399.98px) {
  .hero__info {
    margin-left: 0;
  }
  .hero__info p {
    font-size: var(--fs-lg);
  }
}
@media only screen and (max-width: 1199.98px) {
  .hero-area {
    padding: 100px 0 100px;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-area {
    padding: 80px 0 80px;
    background: #f9f9f9;
  }
  .hero__info {
    max-width: 100%;
  }
  .hero__info p {
    font-size: var(--fs-base);
    margin-top: 15px;
  }
  .hero__info .common-btn {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero__info p {
    font-size: var(--fs-sm);
  }
}
/*================================================
4. About CSS
=================================================*/
.about-area .container::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 50%;
  bottom: -77px;
  transform: translateX(-50%);
  border-bottom: 1px dotted var(--color-black);
}
.about__info {
  margin: 0 auto;
  max-width: 870px;
}
.about__info .common-btn {
  margin-top: 37px;
}

.about-us-area {
  background-color: var(--secondary-black);
  position: relative;
  z-index: 0;
}
.about-us__info {
  max-width: 661px;
  margin-left: 45px;
}
.about-us__info h1,
.about-us__info p {
  color: var(--color-white);
}
.about-us__info p {
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
}
.about-us__thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: auto;
}
.about-us__shap {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -2;
  height: 100%;
  width: auto;
}

.about-content__content p:not(:first-child) {
  margin-top: 30px;
}

@media only screen and (min-width: 1200px) {
  .about-us-area {
    padding: 166px 0 200px;
  }
}
@media only screen and (min-width: 992px) {
  .about-area {
    padding: 116px 0 77px;
  }
  .about-us__info {
    max-width: 650px;
  }
  .about-content-area {
    padding: 53px 0 35px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .about-us__info {
    margin-left: 0;
  }
  .about-us__info p {
    margin-top: 23px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .about-us__thumb, .about-us__shap {
    display: none;
  }
}
@media only screen and (max-width: 991.98px) {
  .about-area .container::before {
    bottom: -60px;
  }
  .about__info .common-btn {
    margin-top: 25px;
  }
  .about-us__info p {
    margin-top: 16px;
    font-size: var(--fs-base);
  }
  .about-content__content p:not(:first-child) {
    margin-top: 20px;
  }
}
/*================================================
5. Service CSS
=================================================*/
@media only screen and (min-width: 992px) {
  .service-area {
    padding: 71px 0 173px;
  }
  .service-area.strategic-transformation {
    padding: 95px 0 82px;
  }
  .service-area.strategic-transformation .section-padding-top:nth-of-type(2) {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1600px) {
  .service__XXXXXrow[class*=g-], .service__XXXXXrow[class*=gx-], .service__XXXXXrow[class*=gy-] {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2.5rem;
  }
}
/*================================================
6. Partner CSS
=================================================*/
.partner-area {
  z-index: 0;
}
.partner__info {
  max-width: 750px;
}
.partner__info .common-btn {
  margin-top: 40px;
}
.partner__shape {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.partner__people, .partner__peoples {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

@media only screen and (min-width: 992px) {
  .partner-area {
    padding: 193px 0 189px;
  }
  .partner-area.team {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 1599.98px) {
  .partner-area.team .partner__shape {
    max-width: 35%;
  }
  .partner-area.team .partner__peoples {
    max-width: 40%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .partner__shape {
    max-width: 35%;
  }
  .partner__people {
    max-width: 35%;
  }
  .partner__peoples {
    max-width: 40%;
  }
}
@media only screen and (max-width: 991.98px) {
  .partner__info .common-btn {
    margin-top: 25px;
  }
}
/*================================================
7. Owned CSS
=================================================*/
.owned-area {
  background-image: url(../images/owned/owned-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.owned__info .common-btn {
  margin-top: 40px;
}

@media only screen and (min-width: 992px) {
  .owned-area {
    padding: 196px 0 144px;
  }
}
@media only screen and (min-width: 1200px) {
  .owned__info {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 1400px) {
  .owned__info {
    margin-left: 77px;
    max-width: 800px;
  }
}
@media only screen and (max-width: 991.98px) {
  .owned__info {
    text-align: center;
  }
  .owned__info .common-btn {
    margin-top: 25px;
  }
}
/*================================================
8. Footer CSS
=================================================*/
.footer-area {
  padding: 60px 0;
}
@media only screen and (max-width: 991.98px) {
  .footer-area {
    padding: 30px 0;
  }
}
.footer__copyright {
  color: var(--color-white);
  font-family: var(--ff-archivo);
  font-size: 16px;
  font-weight: 300;
  line-height: 143.75%;
  margin-top: 36px;
}
.footer__copyright i {
  font-size: 16px;
}
.footer__link-wrapper h6 {
  font-weight: 800;
  color: var(--primary-green);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.footer__link-wrapper h6:has(+ ul) {
  margin-bottom: 0;
}
.footer__link-wrapper h6:last-of-type {
  margin-bottom: 0;
}
.footer__link-wrapper ul {
  margin-top: 4px;
  margin-bottom: 20px;
}
.footer__link-wrapper ul:last-child {
  margin-bottom: 0;
}
.footer__link-wrapper ul li {
  line-height: 0;
}
.footer__link-wrapper ul li a {
  color: var(--color-white);
  font-family: var(--ff-archivo);
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  transition: var(--transition);
}
.footer__link-wrapper ul li a:hover {
  color: rgba(var(--primary-green-rgb), 0.75);
}

@media only screen and (max-width: 1199.98px) {
  .footer__logo img {
    max-width: 221px;
  }
  .footer__copyright {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767.98px) {
  .footer__link-wrapper {
    text-align: center;
  }
  .footer__link-wrapper h6 {
    margin-bottom: 15px;
  }
  .footer__link-wrapper h6:has(+ ul) {
    margin-bottom: 0;
  }
  .footer__link-wrapper ul {
    margin-bottom: 15px;
  }
  .footer__link-wrapper ul:last-child {
    margin-bottom: 0;
  }
  .footer__link-wrapper ul li a {
    line-height: 25px;
  }
}
/*================================================
000. Contract CSS
=================================================*/
.contract-vehicle-mobile-bg-img {
  display: none;
  width: 100%;
}
.contract-vehicle-mobile-bg-img img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 991.98px) {
  .contract-vehicle-mobile-bg-img {
    display: block;
  }
}

.contract-area {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}
.contract-area.bg-position-right {
  background-position: center right;
}
.contract-area.bg-position-center {
  background-position: center center;
}
.contract-area.bg-position-left {
  background-position: center left;
}
.contract-area.gradient {
  background: var(--color-gradient-2);
}
.contract-area.navy {
  background-color: var(--primary-blue);
}
.contract-area.grey {
  background-color: var(--color-gray);
}
.contract-area.light_blue {
  background-color: var(--color-light-blue);
}
.contract-area .bg-images {
  margin-left: -50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
@media only screen and (min-width: 1400px) {
  .contract-area .bg-images {
    width: calc(50% + 200px);
  }
}
.contract__info {
  max-width: 520px;
}

.contract-content__info p:not(:first-child) {
  margin-top: 30px;
}
.contract-content__info .common-btn {
  display: block;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  margin: 55px auto 0;
}

.contract-vehicles__item {
  background-color: var(--color-white);
}
.contract-vehicles__item:not(:last-child) {
  margin-bottom: 60px;
}
.contract-vehicles__item h3 {
  padding-bottom: 24px;
  border-bottom: 1px dotted var(--color-black);
}
.contract-vehicles__item .item-card {
  margin-top: 55px;
  padding: 95px 66px 95px 70px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
}
.contract-vehicles__item .item-card .contract-group-row {
  display: flex;
  gap: 80px;
  margin-bottom: 50px;
}
.contract-vehicles__item .card-thumbs {
  max-width: 230px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 25px;
}
.contract-vehicles__item .card-thumbs img {
  flex-shrink: 0;
  max-height: 110px;
  width: auto;
}
.contract-vehicles__item .card-content ul li {
  line-height: 125%;
  padding-left: 38px;
  position: relative;
}
.contract-vehicles__item .card-content ul li:not(:last-child) {
  margin-bottom: 25px;
}
.contract-vehicles__item .card-content ul li::before {
  position: absolute;
  left: 0px;
  top: 15px;
  transform: translateY(-50%);
  font-family: "Bootstrap-icons";
  content: "\f309";
  font-size: 40px;
}

@media only screen and (min-width: 992px) {
  .contract-area {
    padding: 90px 0 65px;
    background-image: var(--bg-contract);
  }
  .contract-hero-area {
    padding: 120px 0;
  }
  .contract-hero__info {
    max-width: 630px;
  }
  .contract-hero__info p {
    font-size: 32px;
  }
  .contract-content-area {
    padding: 62px 0 75px;
  }
  .contract-vehicles-area {
    padding: 78px 0 70px;
  }
  .contract-vehicles-area .card-thumbs img:nth-of-type(2) {
    margin-top: 119px;
  }
  .contract-vehicles-area .row-top-margin {
    margin-top: 65px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .contract__info {
    max-width: 800px;
  }
  .contract-vehicles__item .item-card {
    margin-top: 45px;
  }
  .contract-vehicles__item .item-card:has(.card-thumbs) {
    gap: 40px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .contract-area {
    background: var(--bg-color);
  }
  .contract-hero__info p {
    font-size: var(--fs-base);
  }
}
@media only screen and (max-width: 991.98px) {
  .contract-area {
    background: var(--bg-color);
  }
  .contract-content__info p {
    /*font-size: var(--fs-sm);*/
  }
  .contract-content__info p:not(:first-child) {
    margin-top: 15px;
  }
  .contract-content__info .common-btn {
    margin: 40px auto 0;
  }
  .contract-vehicles__item:not(:last-child) {
    margin-bottom: 40px;
  }
  .contract-vehicles__item h3 {
    padding-bottom: 12px;
  }
  .contract-vehicles__item .item-card {
    margin-top: 40px;
    padding: 30px 40px;
    flex-direction: column;
  }
  .contract-vehicles__item .item-card .contract-group-row {
    gap: 30px;
  }
  .contract-vehicles__item .card-thumbs {
    flex-shrink: 0;
    max-width: 100%;
    flex-basis: 100px;
    flex-direction: row;
    justify-content: center;
  }
  .contract-vehicles__item .card-content ul li {
    padding-left: 30px;
  }
  .contract-vehicles__item .card-content ul li::before {
    left: -5px;
  }
  .contract-vehicles__item .card-content ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767.98px) {
  .contract-content__info .common-btn {
    margin: 30px auto 0;
  }
  .contract-vehicles__item .contract-group-row, .contract-vehicles__item .card-thumbs {
    flex-direction: column;
  }
  .contract-vehicles__item .card-content ul li {
    font-size: var(--fs-xs);
  }
}
/*================================================
000. Logo-hare-section CSS
=================================================*/
.logo-here-area {
  padding: 100px 0;
  background: var(--color-grey);
}
.logo-here-area h3 {
  font-family: var(--ff-archivo);
  text-align: center;
  color: #ff00bf;
}
.logo-here-area.bg_primary_blue {
  background: var(--primary-blue);
}

@media only screen and (max-width: 991.98px) {
  .logo-here-area {
    padding: 50px 0;
  }
}
/*================================================
000. Choos-Us CSS
=================================================*/
.choos-us-area {
  background: var(--color-gradient-4);
  position: relative;
  z-index: 0;
}
.choos-us__shape {
  position: absolute;
  top: 54%;
  left: -1%;
  transform: translateY(-50%);
  z-index: -1;
}
.choos-us__item {
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  border-bottom: 18px solid var(--secondary-black);
  gap: 90px;
  max-width: 1324px;
  padding: 60px 75px 42px 90px;
  margin-right: auto;
}
.choos-us__item:nth-child(odd) {
  flex-direction: row-reverse;
  margin-left: auto;
  margin-right: unset;
  padding: 60px 90px 42px 75px;
}
.choos-us__item:nth-child(odd) .item-content {
  text-align: left;
}
.choos-us__item:nth-child(1) .item-content {
  text-align: left;
}
.choos-us__item:not(:first-child) {
  margin-top: 70px;
}
.choos-us__item svg {
  width: 112px;
  height: 112px;
  flex-shrink: 0;
  color: var(--text-color);
}
.choos-us__item .item-content h3 {
  color: var(--text-color);
}
.choos-us__item .item-content p {
  margin-top: 18px;
  font-size: var(--fs-md);
}

@media only screen and (min-width: 992px) {
  .choos-us-area {
    padding: 85px 0 70px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .choos-us__item:not(:first-child) {
    margin-top: 65px;
  }
}
.choos-us__item {
  width: 90%;
}

@media only screen and (max-width: 1199.98px) {
  .choos-us__item {
    width: 90%;
    padding: 50px 40px;
    gap: 40px;
  }
  .choos-us__item:nth-child(odd) {
    padding: 50px 40px;
  }
  .choos-us__item:not(:first-child) {
    margin-top: 60px;
  }
  .choos-us__item .item-content p {
    font-size: var(--fs-sm);
  }
}
@media only screen and (max-width: 991.98px) {
  .choos-us__item {
    width: 100%;
    padding: 40px 30px;
    gap: 30px;
  }
  .choos-us__item:nth-child(odd) {
    padding: 40px 30px;
  }
  .choos-us__item:not(:first-child) {
    margin-top: 50px;
  }
  .choos-us__item .item-content p {
    margin-top: 12px;
    font-size: var(--fs-sm);
  }
}
@media only screen and (max-width: 767.98px) {
  .choos-us__item {
    flex-direction: column;
  }
  .choos-us__item:nth-child(odd) {
    flex-direction: column;
  }
  .choos-us__item:nth-child(odd) .item-content {
    text-align: center;
  }
  .choos-us__item:not(:first-child) {
    margin-top: 40px;
  }
  .choos-us__item .item-content {
    text-align: center;
  }
}
/*================================================
000. Job CSS
=================================================*/
.job__indeed {
  padding: 130px 0 180px;
  font-weight: 250;
  font-style: italic;
  color: #ff008c;
}

@media only screen and (max-width: 991.98px) {
  .job__indeed {
    padding: 65px 0 90px;
  }
}
/*================================================
000. join-us CSS
=================================================*/
.join-us__info {
  max-width: 822px;
  margin: 0 auto;
}
.join-us__info p {
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 116.667%;
}
.join-us__info .common-btn {
  margin-top: 35px;
}

@media only screen and (min-width: 992px) {
  .join-us-area {
    padding: 73px 0 70px;
  }
}
@media only screen and (max-width: 991.98px) {
  .join-us__info p {
    font-size: var(--fs-sm);
  }
  .join-us__info .common-btn {
    margin-top: 20px;
  }
}
/*================================================
000. Benefits CSS
=================================================*/
.benefits__info {
  margin-bottom: 30px;
}

.benefits__ites-wrapper {
  max-width: 1140px;
  margin: 0 auto;
}
.benefits__ites-wrapper .item__card {
  justify-content: start;
  gap: 28px;
}
.benefits__ites-wrapper .item__card::after {
  height: 60%;
  bottom: 35px;
}
.benefits__ites-wrapper .item__card .item__content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 2.67rem;
}
.benefits__ites-wrapper .item__card.style-1 p {
  font-size: 20px;
}

@media only screen and (min-width: 1400px) {
  .benefits__ites-wrapper .item__card.style-1 {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .benefits-area {
    padding: 72px 0 95px;
  }
  .benefits-area .container .row-top-padding:last-of-type {
    padding-top: 68px;
  }
  .benefits__ites-wrapper {
    padding-top: 50px;
  }
  .benefits__ites-wrapper .item__card {
    gap: 15px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .benefits__ites-wrapper .item__card .item__content h3 {
    min-height: 1rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .benefits__ites-wrapper .item__card::after {
    bottom: 25px;
  }
  .benefits__ites-wrapper .item__card .item__content h3 {
    min-height: 2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .benefits__ites-wrapper .item__card {
    text-align: center;
    gap: 10px;
  }
  .benefits__ites-wrapper .item__card .item__content h3 {
    min-height: auto;
  }
}
/*================================================
000. Team CSS
=================================================*/
.team-area {
  background-image: var(--bg-contract);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.team__info {
  max-width: 600px;
}
@media only screen and (min-width: 1200px) {
  .team__info {
    max-width: 760px;
  }
}

.team-feature-area {
  position: relative;
}
.team-feature__shape {
  position: absolute;
  left: 0;
  bottom: 130px;
  z-index: -1;
}
.team-feature__item-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 45px;
  row-gap: 25px;
  max-width: 1306px;
  margin: 0 auto;
}
.team-feature__item {
  width: calc(33.3333333333% - 30px);
  height: 100%;
  position: relative;
}
.team-feature__item .item-dot {
  position: absolute;
  top: 75px;
  left: -12px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.team-feature__item:nth-child(1) {
  margin-top: 0px;
}
.team-feature__item:nth-child(2) {
  margin-top: 90px;
}
.team-feature__item:nth-child(3) {
  margin-top: 180px;
}
.team-feature__item:nth-child(4) {
  margin-top: 0px;
}
.team-feature__item:nth-child(5) {
  margin-top: 90px;
}
.team-feature__item:nth-child(6) {
  margin-top: 180px;
}

@media only screen and (min-width: 992px) {
  .team-area {
    padding: 173px 0;
  }
  .team-feature-area {
    padding: 127px 0 76px;
  }
}
@media only screen and (min-width: 1400px) {
  .team-feature__item {
    padding: 70px 45px 65px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .team__info p {
    font-size: var(--fs-base);
  }
  .team-feature__item-wrapper {
    gap: 30px;
  }
  .team-feature__item {
    width: calc(33.3333333333% - 20px);
  }
  .team-feature__item:nth-child(1) {
    margin-top: 0px;
  }
  .team-feature__item:nth-child(2) {
    margin-top: 80px;
  }
  .team-feature__item:nth-child(3) {
    margin-top: 160px;
  }
  .team-feature__item:nth-child(4) {
    margin-top: 0px;
  }
  .team-feature__item:nth-child(5) {
    margin-top: 80px;
  }
  .team-feature__item:nth-child(6) {
    margin-top: 160px;
  }
  .team-feature__item .item-dot {
    top: 50px;
  }
}
@media only screen and (max-width: 991.98px) {
  .team-area {
    background: var(--bg-color);
  }
  .team__info p {
    font-size: var(--fs-sm);
  }
  .team-feature__item-wrapper {
    gap: 20px;
  }
  .team-feature__item {
    width: calc(50% - 10px);
    height: auto;
  }
  .team-feature__item:nth-child(1) {
    margin-top: 0px;
  }
  .team-feature__item:nth-child(2) {
    margin-top: 0px;
  }
  .team-feature__item:nth-child(3) {
    margin-top: 0px;
  }
  .team-feature__item:nth-child(4) {
    margin-top: 0px;
  }
  .team-feature__item:nth-child(5) {
    margin-top: 0px;
  }
  .team-feature__item:nth-child(6) {
    margin-top: 0px;
  }
  .team-feature__item .item-dot {
    top: 25px;
  }
}
@media only screen and (max-width: 767.98px) {
  .team__info p {
    font-size: var(--fs-xs);
  }
  .team-feature__item {
    width: 100%;
  }
}
/*================================================
000. Contact CSS
=================================================*/
.contact-area {
  background: var(--bg-color);
  position: relative;
  z-index: 0;
}
.contact-area .common-hero__info {
  margin: 0;
  max-width: 659px;
}
.contact-area .button-row {
  margin-top: 35px;
}
.contact__shape {
  position: absolute;
  top: -180px;
  right: 0;
  z-index: -1;
}
.contact__card-area {
  max-width: 1300px;
  margin: 0 auto;
}
.contact__card {
  gap: 30px;
}

.contact-form__wrapper {
  max-width: 1037px;
  margin: 0 auto;
}
.contact-form .form-group label {
  color: var(--color-white);
  font-family: var(--ff-archivo);
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  margin-bottom: 10px;
}
.contact-form .form-group label span {
  color: var(--color-light-green);
}
.contact-form .form-group:last-child {
  margin-top: 50px;
}
.contact-form .form-group .form-control {
  border-radius: 0;
  padding: 12px 17px;
  line-height: normal;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}
.contact-form .form-group .form-control::-moz-placeholder {
  color: #cecece;
}
.contact-form .form-group .form-control::placeholder {
  color: #cecece;
}
.contact-form .form-group .form-control:focus, .contact-form .form-group .form-control:active {
  box-shadow: none;
}
.contact-form .form-group.btn-group {
  display: flex;
  gap: 35px;
}
.contact-form .form-group.btn-group label {
  margin: 0;
}
.contact-form .form-group .common-btn {
  font-size: 20px;
}

@media only screen and (min-width: 992px) {
  .contact-area {
    padding: 160px 0 100px;
  }
  .contact__card-area {
    padding-top: 200px;
  }
  .contact-form-area {
    padding: 71px 0 115px;
  }
}
@media only screen and (max-width: 1599.98px) {
  .contact__shape {
    max-width: 600px;
    top: -120px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .contact__shape {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .contact__shape {
    max-width: 400px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .contact-form .form-control {
    font-size: var(--fs-sm);
    line-height: 1;
  }
}
@media only screen and (max-width: 575.98px) {
  .contact-form .form-group.btn-group {
    flex-direction: column;
    gap: 20px;
  }
}
/*================================================
000. Animation CSS
=================================================*/
@keyframes slide_down_site {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.wpcf7 form.sent .wpcf7-response-output {
  color: var(--color-white);
  border: 0;
  padding: 0;
  margin-left: 0;
}

.wpcf7 form .wpcf7-response-output {
  color: var(--color-white);
  border: 0;
  padding: 0;
  margin-left: 0;
}

.wpcf7-not-valid-tip {
  font-size: 16px;
  color: var(--color-white);
}

form.submitting .wpcf7-submit {
  pointer-events: none;
}

.wpcf7-not-valid-tip {
  margin-top: 5px;
}

.success-text {
  color: var(--color-white);
  font-size: 20px;
}

.wpcf7-form-control-wrap[data-name=upload-resume] {
  display: none;
}

/*================================================
6. Resource CSS
=================================================*/
.resource-info .resource-title {
  font-size: 28px;
  letter-spacing: 0;
  max-width: 357px;
  width: 100%;
  line-height: 1.1;
}
.resource-info p {
  margin: 20px 0 30px;
}
.resource-info .common-btn {
  font-size: 16px;
}

@media only screen and (max-width: 767.98px) {
  .resource-info .resource-title {
    font-size: 20px;
  }
}
/*================================================
10. Resource CSS
=================================================*/
.resource-box .resource-img {
  width: 100%;
  position: relative;
}
.resource-box .resource-img a {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.resource-box .resource-img a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.resource-box .resource-info h3 {
  color: #000;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0px;
  text-transform: none;
  font-weight: 800;
  font-family: var(--ff-archivo);
  margin: 25px 0 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.resource-box .resource-info h3 a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.resource-box .resource-info h3 a:hover {
  color: var(--primary-green);
}

@media only screen and (min-width: 1200px) {
  .resource-box .resource-info h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .resource-box .resource-info h3 {
    margin: 15px 0 5px;
  }
  .resource-box .resource-info p {
    margin: 10px 0 20px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 991.98px) {
  .resource-box .resource-info h3 {
    font-size: 22px;
    margin: 10px 0 5px;
  }
  .resource-box .resource-info p {
    margin: 10px 0 20px;
  }
}
.sidebar-wrap {
  gap: 30px;
}

.sidebar-title {
  color: #18ad7f;
  font-size: 24px;
  font-weight: 800;
  font-family: var(--ff-archivo);
  margin-bottom: 10px;
}

.sidebar-listing {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sidebar-search .res_search {
  border: 1px solid #d9d9d9;
  padding: 12px 30px;
  max-width: calc(100% - 15px);
}

.tax_name input:checked + label {
  border-bottom: 2px solid #18ad7f;
}
.tax_name label {
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: 0.3s ease-in-out;
}
.tax_name label:hover {
  color: #18ad7f;
}
.tax_name:not(:last-child) {
  margin-bottom: 10px;
}

@media only screen and (max-width: 991.98px) {
  .sidebar-search {
    text-align: center;
    margin: 0 auto;
    max-width: 267px;
  }
  .sidebar-search .res_search {
    max-width: 267px;
    width: 100%;
  }
  .sidebar-title {
    font-size: 20px;
    text-align: center;
  }
  .sidebar-listing {
    flex-direction: row;
    justify-content: center;
  }
  .sidebar-wrap {
    gap: 15px;
  }
  .sidebar-category-wrap {
    display: flex;
    gap: 10px;
    justify-content: center;
  }
  .tax_name:not(:last-child) {
    margin-bottom: 0px;
  }
  .tax_name label {
    font-size: 18px;
  }
}
.iframe-section h2 {
  margin-bottom: 30px;
}
.iframe-section .iframe-wrapper {
  margin: 0 auto;
  text-align: center;
}

.logos-grid {
  margin: 50px auto 0;
  clear: both;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
}
.logos-grid .wrap {
  display: block;
  max-height: 75px;
  padding: 5px 20px;
  margin-bottom: 40px;
}
.logos-grid img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 991.98px) {
  .logos-grid .wrap {
    margin-bottom: 30px;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .logos-grid {
    margin-bottom: 40px;
  }
  .logos-grid .wrap {
    margin-bottom: 20px;
    padding: 0 20px;
  }
  .logos-grid .wrap img {
    height: 60px;
    width: auto;
  }
}
@media only screen and (max-width: 575.98px) {
  .logos-grid .wrap {
    padding: 0 15px;
  }
  .logos-grid .wrap img {
    width: 100%;
  }
}

.share-wrap {
  gap: 10px;
}
.share-wrap .h2 {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--ff-inter);
  line-height: 1;
  margin-bottom: 0;
  color: #18ad7f;
}

.site-social {
  gap: 8px;
}
.site-social li {
  transition: all 0.3s linear;
}
.site-social li a {
  color: #fff;
  background-color: #18ad7f;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-social li a svg {
  width: 18px;
  height: 18px;
}
.site-social li:hover {
  transform: translateY(-3px);
}

.quote {
  padding-left: 110px;
}
.quote p {
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
}
.quote.qt-two {
  color: white;
  /*&:before { content:''; background:url('../images/qt-2.svg') repeat-y transparent; width:20px; height:100%; }*/
}
.quote.qt-two p {
  max-width: 608px;
}
@media only screen and (min-width: 1200px) {
  .quote.qt-two {
    margin-left: -91px;
  }
}
@media only screen and (min-width: 1200px) {
  .quote.qt-two {
    margin-left: -91px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .quote p {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .quote {
    padding-left: 80px;
  }
  .quote p {
    font-size: 26px;
  }
  .quote.qt-two img {
    width: 50px;
  }
}

.blog__details_content a {
  color: #7ca8aa;
}
.blog__details_content p {
  margin-bottom: 1em;
}
.blog__details_content p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) {
  .blog__details_content p {
    font-size: 20px;
  }
}
.blog__details_content ul {
  margin-left: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}
.blog__details_content ul li {
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 30px;
  list-style-type: disc;
}
.blog__details_content ul ol li {
  list-style-type: decimal;
}
.blog__details_content h1,
.blog__details_content h2,
.blog__details_content h3,
.blog__details_content h4,
.blog__details_content h5,
.blog__details_content h6 {
  margin-bottom: 20px;
  margin-top: 5px;
}

/* Client's CSS */
.wp-block-quote {
  position: relative;
  z-index: unset;
  float: left;
  width: calc(35% - 30px);
  padding: 30px 30px 30px 10px;
  margin: 0 30px 30px 0;
  margin-bottom: 0 !important;
  border-left: 0;
  color: #fff;
  font-family: var(--ff-archivo);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(90deg, #51cdeb 0%, #94ecbe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* Child elements */
  /* Pseudo elements for background overlay */
  /* Blockquote shape */
  /* Media Queries */
}
.wp-block-quote > div,
.wp-block-quote p {
  color: #fff;
  font-weight: 700 !important;
  font-size: 33px !important;
  line-height: 1.1 !important;
  text-align: left;
  font-style: normal !important;
}
.wp-block-quote::before {
  content: "";
  position: absolute;
  left: calc(-1000% + 100px);
  top: 0;
  width: 1000%;
  height: 100%;
  background-color: #1e2866;
  background-repeat: no-repeat;
  z-index: -1;
}
.wp-block-quote::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #1e2866;
  background-repeat: no-repeat;
  z-index: -1;
}
.wp-block-quote .blockquote-shape {
  position: absolute;
  right: -100%;
  bottom: 0;
  z-index: 1;
  max-width: 300px;
}
@media only screen and (min-width: 1200px) {
  .wp-block-quote {
    margin-left: 200px;
    margin-right: 50px;
  }
  .wp-block-quote .blockquote-shape img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1400px) {
  .wp-block-quote .blockquote-shape img {
    max-width: 70%;
  }
}
@media only screen and (min-width: 1600px) {
  .wp-block-quote {
    font-size: 38px;
  }
  .wp-block-quote .blockquote-shape img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1700px) {
  .wp-block-quote {
    width: calc(46% - 30px);
    margin-left: 35px;
    padding: 50px 50px 50px 85px;
    font-size: 40px;
  }
  .wp-block-quote .blockquote-shape img {
    max-width: 280px;
  }
}
@media only screen and (min-width: 1800px) {
  .wp-block-quote {
    padding: 61px 60px 61px 85px;
    font-size: 42px;
  }
  .wp-block-quote .blockquote-shape img {
    max-width: 320px;
    min-width: 100%;
  }
}
@media only screen and (max-width: 1399.98px) {
  .wp-block-quote {
    width: calc(40% - 30px);
  }
}
@media only screen and (max-width: 1199.98px) {
  .wp-block-quote {
    padding: 30px 30px 30px 30px;
  }
  .wp-block-quote > div,
  .wp-block-quote p {
    font-size: 22px !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 991.98px) {
  .wp-block-quote {
    width: 100%;
    margin-bottom: 15px !important;
    font-size: 24px;
  }
}
@media only screen and (min-width: 1625px) {
  .wp-block-quote > div {
    position: relative;
    left: -150px;
    width: calc(100% + 150px);
  }
}
@media only screen and (max-width: 1199.98px) {
  .wp-block-quote {
    width: calc(60% - 30px);
  }
}

.blog-details__hero-area {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blog-details__hero__info {
  max-width: 1050px;
}
.blog-details__hero__info p {
  margin-top: 18px;
  color: var(--secondary-black);
  font-size: 32px;
}

@media only screen and (min-width: 992px) {
  .blog-details__hero-area {
    padding: 112px 0 100px;
  }
}
@media only screen and (max-width: 991.98px) {
  .blog-details__hero__info p {
    margin-top: 10px;
    font-size: var(--fs-base);
  }
}
.blog-hero__info {
  max-width: 1328px;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 92px;
}
.blog-hero__info .info-thumb {
  width: 495px;
  height: 495px;
  flex-shrink: 0;
}
.blog-hero__info .info-thumb img {
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-hero__info .info-content p {
  color: var(--secondary-black);
  font-size: 32px;
  max-width: 670px;
}
.blog-hero__info .info-content .common-btn {
  margin-top: 23px;
}

@media only screen and (min-width: 992px) {
  .blog-hero-area {
    padding: 57px 0 58px;
  }
}
@media only screen and (min-width: 1400px) {
  .blog-hero__info {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1599.98px) {
  .blog-hero__info {
    gap: 50px;
  }
  .blog-hero__info .info-thumb {
    width: 400px;
    height: 400px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .blog-hero__info {
    gap: 40px;
  }
  .blog-hero__info .info-thumb {
    width: 350px;
    height: 350px;
  }
}
@media only screen and (max-width: 991.98px) {
  .blog-hero__info {
    gap: 30px;
    flex-direction: column;
  }
  .blog-hero__info .info-thumb {
    width: 280px;
    height: 280px;
  }
  .blog-hero__info .info-content {
    text-align: center;
  }
  .blog-hero__info .info-content p {
    font-size: var(--fs-base);
  }
}
.resource-area {
  background: rgba(216, 216, 216, 0.5);
  padding-bottom: 120px;
  padding-top: 50px;
}
@media only screen and (max-width: 991.98px) {
  .resource-area .resource-box {
    margin-bottom: 20px;
  }
}

.logo-here-area.bg_color_white {
  background-color: #d8d8d8 !important;
}

.career_button {
  position: absolute;
  right: 0;
  top: 150px;
}
.career_button.stuck {
  position: fixed;
  top: 150px;
}
.career_button a {
  text-align: center;
  text-transform: capitalize;
  font-size: 20px;
  display: inline-block;
  font-weight: 700;
  padding-inline: 17px 60px;
  padding-block: 18px;
  transition: var(--transition);
  background-color: var(--color-black);
  color: var(--color-white);
  box-shadow: 8px 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px 0px 0px 5px;
}
.career_button a span {
  margin-right: 30px;
}

@media only screen and (max-width: 1199.98px) {
  .team-feature-area.bg_color_gradient-3.section-padding-top.section-padding-bottom {
    padding-top: 120px;
  }
  .career_button {
    top: 50px;
  }
  .career_button a {
    padding-inline: 17px;
    padding-block: 10px;
  }
}
.career_feature_bottom {
  max-width: 800px;
  text-align: center;
  margin: 100px auto 0px;
  font-weight: 600;
}

@media only screen and (max-width: 1199.98px) {
  .career_feature_bottom {
    margin: 80px auto 0px;
  }
}
@media only screen and (max-width: 991.98px) {
  .career_feature_bottom {
    margin: 50px auto 0px;
  }
}
@media only screen and (min-width: 992px) {
  .details-area {
    margin-top: 100px;
    margin-bottom: 150px;
  }
}

.blog-post-title {
  margin-bottom: 15px;
}

.blog-post-title a {
  color: #000;
  transition: 0.3s;
}

.blog-post-title a:hover {
  color: var(--primary-green);
}

.admin-bar header {
  margin-top: 32px;
}
@media only screen and (max-width: 767.98px) {
  .admin-bar header {
    margin-top: 45px;
  }
}
.admin-bar .offcanvas {
  margin-top: 32px;
}
@media only screen and (max-width: 767.98px) {
  .admin-bar .offcanvas {
    margin-top: 45px;
  }
}
.admin-bar .menu-area.stuck {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar #header.stuck, .admin-bar .menu-area.stuck {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar #header.stuck, .admin-bar .menu-area.stuck {
    top: 0px;
  }
}

.partner__info p {
  color: #fff;
}

.page-id-421 .contract__info p {
  color: #fff;
}
/*# sourceMappingURL=style.css.map */