/* ===============================
   HOME PAGE WRAPPERS
================================ */

.home #page,
.home .site-content,
.home .content-area,
.home .site-main {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.site-header {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  z-index: 30;
  width: 100%;
  background-color: transparent;
}

.site-header {
  transition: background-color 0.35s ease;
}

.site-header.is-scrolled {
  position: fixed;
  inset-inline: 0;
  inset-block-start: 0;
  z-index: 100;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.site-header.is-scrolled .header-call:not(.header-call--drawer) {
  display: none;
}

/* ===============================
   BANNER (Figma 322:46 — 1920×850)
================================ */


.banner-swiper {

  width: 100%;
  height: 100%;
  /* 850px → 85rem */
}

.banner {
  position: relative;
  background-color: var(--color-overlay);
  height: 90vh;
}

.banner-swiper .swiper-wrapper,
.banner-swiper .swiper-slide {
  height: 100%;
}

.banner__slide {
  position: relative;
  overflow: hidden;
  background-color: var(--color-overlay);
}

.banner__image {
  width: 100%;
  height: 100%;
  margin: 0;

}

.banner__image img,
.banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner__slide::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(116deg, rgb(0, 0, 0) 1.4%, rgba(0, 0, 0, 0) 99%);
  pointer-events: none;
}

.banner-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
  z-index: 2;
  width: 100%;
}

.inner-banner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 103rem;
  /* 1030px → 103rem */
}

.banner__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 8.4rem;
  /* 84px → 8.4rem */
  line-height: 9.4rem;
  /* 94px → 9.4rem */
  color: var(--color-white);
}

.banner__heading span {
  display: block;
 
  /* 30px → 3rem */
  font-weight: var(--weight-semibold);
  font-size: 6.4rem;
  /* 64px → 6.4rem */
  line-height: 7.2rem;
  color: var(--color-accent);
}

.banner__heading span::after {
  content: '';
  display: block;
  width: 8.1rem;
  /* 81px → 8.1rem */
  height: 0.5rem;
  /* 5px → 0.5rem */
  margin-block-start: 3rem;
  /* 30px → 3rem */
  background-color: var(--color-accent);
}

.banner__comment {
  margin: 0;
  margin-block-start: 2rem;
  /* 30px → 3rem */
}

.banner__comment p {
  margin: 0;
  font-weight: var(--weight-medium);
  font-size: 2.4rem;
  /* 24px → 2.4rem */
  line-height: 4rem;
  /* 40px → 4rem */
  color: var(--color-white);
}

.banner__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-block-start: 3.9rem;
    padding-block: 1.7rem;
    padding-inline: 3rem;
    border-radius: 3rem;
    background-color: var(--color-cta);
    font-family: var(--font-heading);
    font-weight: var(--weight-semibold);
    font-size: 2.4rem;
    line-height: 2.4rem;
    color: var(--color-white);
    transition: background-color 0.25s ease, transform 0.2s ease;
}
.banner__button span{
  position: relative;
  top:-0.5rem;
}

.banner__button:hover,
.banner__button:focus-visible {
  background-color: var(--color-accent);
  color: var(--color-white);
}

.banner__button-icon {
  width: 1rem;
  height: 1.8rem;
  flex-shrink: 0;
}

.banner .swiper-pagination {
  inset-block-end: 3rem;
}

.banner .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--color-white);
  opacity: 0.45;
}

.banner .swiper-pagination-bullet-active {
  background-color: var(--color-accent);
  opacity: 1;
}

/* ===============================
   INNER BANNER (Contact / pages)
================================ */

.inner-banner {
  position: relative;
  height: 45rem;
  background-color: #07152b;
  background-image: linear-gradient(90deg, #07152b 0%, #0f2452 55%, #143a82 100%);
  overflow: hidden;
}

.inner-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(215.91deg, rgba(0, 0, 0, 0.5) 20.66%, rgba(0, 0, 0, 0) 36.23%), linear-gradient(132.4deg, rgb(0, 0, 0) 1.43%, rgba(0, 0, 0, 0) 99.26%);
  pointer-events: none;
}

.inner-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: radial-gradient(circle at 68% 35%, rgba(66, 157, 225, 0.35) 0%, rgba(66, 157, 225, 0) 28%);
  pointer-events: none;
}

.inner-banner__image,
.inner-banner__img {
  width: 100%;
  height: 100%;
}

.inner-banner__image {
  margin: 0;
  position: absolute;
  inset: 0;
  z-index: 0;
}

.inner-banner__img {
  object-fit: cover;
}

.inner-banner__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  padding-block-end: 8.9rem;
}

.inner-banner__heading {
  max-width: 100%;
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-medium);
  font-size: 5rem;
  line-height: 6.5rem;
  color: var(--color-white);
}

/* ===============================
   HEADER (Figma 292:2705)
================================ */

.site-header {
  width: 100%;
}

.header-inner {
  position: relative;
  z-index: 42;
  width: 100%;
}

.inner-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 0.5rem;
}

.site-logo {
  display: block;
  flex-shrink: 0;
}

.site-logo img,
.site-logo .custom-logo {
  display: block;
  width: 24.5rem;
  height: 8.2rem;
  object-fit: contain;
}

.header-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.1rem;
}

.header-call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.3rem;
  min-width: 20.3rem;
  height: 4.2rem;
  padding-inline: 1.8rem;
  border-radius: 4.2rem;
  background-color: var(--color-cta);
  font-family: var(--font-heading);
  font-weight: var(--weight-medium);
  font-size: 1.8rem;
  line-height: 3rem;
  color: var(--color-white);
  transition: background-color 0.25s ease;
}

.header-call:hover,
.header-call:focus-visible {
  background-color: var(--color-accent);
  
}

.header-call__icon {
  width: 1.3rem;
  height: 1.4rem;
  flex-shrink: 0;
}

.header-nav {
  width: 100%;
}

.header-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-menu a {
  position: relative;
  font-family: var(--font-heading);
  font-weight: var(--weight-semibold);
  font-size: 2.4rem;
  line-height: 3rem;
  color: var(--color-white);
  transition: color 0.2s ease;
}

.header-menu a:hover,
.header-menu .current-menu-item > a,
.header-menu .current_page_item > a {
  color: #4babf3;
}

.header-menu .current-menu-item > a::after,
.header-menu .current_page_item > a::after {
  content: '';
  position: absolute;
  inset-inline-start: 0.2rem;
  inset-block-end: -0.3rem;
  width: 3.3rem;
  height: 0.2rem;
  border-radius: 0.4rem;
  background-color: #4babf3;
}

.header-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 0.6rem;
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.header-toggle span {
  display: block;
  width: 2.4rem;
  height: 0.2rem;
  background-color: var(--color-white);
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.header-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 50;
  background-color: rgba(0, 0, 0, 0.55);
}

.header-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 51;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: min(32rem, 86vw);
  height: 100%;
  padding-block: 2.4rem 4rem;
  padding-inline: 2.4rem;
  overflow-y: auto;
  background-color: #0b1f33;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}

.header-drawer__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}

.header-drawer__top .site-logo {
  min-width: 0;
  flex: 1;
}

.header-drawer__top .site-logo img,
.header-drawer__top .site-logo .custom-logo {
  width: 18rem;
  height: auto;
  max-height: 6rem;
}

.header-drawer__close {
  position: relative;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.header-drawer__close::before,
.header-drawer__close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.4rem;
  width: 2.4rem;
  height: 0.2rem;
  background-color: var(--color-white);
}

.header-drawer__close::before {
  transform: rotate(45deg);
}

.header-drawer__close::after {
  transform: rotate(-45deg);
}

.header-drawer__menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-drawer__menu li + li {
  margin-block-start: 2rem;
}

.header-drawer__menu a {
  font-family: var(--font-heading);
  font-weight: var(--weight-semibold);
  font-size: 2.4rem;
  line-height: 3rem;
  color: var(--color-white);
}

.header-drawer__menu .current-menu-item > a,
.header-drawer__menu .current_page_item > a {
  color: #4babf3;
}

body.menu-open {
  overflow: hidden;
}

body.menu-open .header-overlay {
  display: block;
}

body.menu-open .header-drawer {
  transform: translateX(0);
}

/* ===============================
   FEATURE BAR (Figma 292:2658)
================================ */

.feature-bar {
  background-color: #0144a0;
  padding-block: 2.2rem;
}

.inner-feature-content {
  width: 100%;
}

.feature-bar__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.feature-bar__item {
  display: flex;
  align-items: center;
  gap: 3rem;
  flex: 1 1 0;
  justify-content: center;
}

.feature-bar__item:not(:last-child) {
  border-inline-end: 0.1rem solid rgba(255, 255, 255, 0.55);
  padding-inline-end: 4rem;
}

.feature-bar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  
  flex-shrink: 0;
}
.feature-bar__item:first-child .feature-bar__icon svg{
  width:4.2rem;
  height:5.2rem;
}
.feature-bar__item:nth-child(2) .feature-bar__icon svg{
  width:7.1rem;
  height:6rem;
}
.feature-bar__item:nth-child(3) .feature-bar__icon svg{
  width:5.8rem;
  height:6rem;
}
.feature-bar__item:nth-child(4) .feature-bar__icon svg{
  width:5.9rem;
  height:5.9rem;
}

.feature-bar__icon img,
.feature-bar__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feature-bar__title {
  font-family: var(--font-heading);
  font-weight: var(--weight-medium);
  font-size: 4rem;
  line-height: 1.2;
  color: var(--color-white);
  text-transform: capitalize;
}

/* ===============================
   ABOUT (Figma 292:3811)
================================ */

.about {
  padding-block: 10.9rem;
  background-color: var(--color-white);
}

.inner-about-content {
  display: flex;
  align-items: flex-start;
  gap: 17rem;
}

.about__media {
  width: 68.6rem;
  flex-shrink: 0;
}
.about__media .swiper-slide{
  width:100% !important;
}
.about-swiper {
  width: 100%;
}

.about__image {
  margin: 0;
  overflow: hidden;
  border-radius: 2.5rem;
  width:100%;
}

.about__image img,
.about__img {
  width: 100%;
  height: 70.1rem;
  object-fit: cover;
}

.about-swiper .swiper-pagination {
  position: relative;
  inset: auto;
  margin-block-start: 3.7rem;
}

.about-swiper .swiper-pagination-bullet {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #d9d9d9;
  opacity: 1;
}

.about-swiper .swiper-pagination-bullet-active {
  background-color: var(--color-cta);
}

.about__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}

.about__eyebrow {
  position: relative;
  margin: 0;
  padding-block-end: 1.4rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.2;
  color: var(--color-cta);
  text-transform: uppercase;
}

.about__eyebrow::after {
  content: '';
  display: block;
  width: 7.2rem;
  height: 0.3rem;
  margin-block-start: 1.4rem;
  background-color: var(--color-cta);
}

.about__heading {
  margin: 0;
  margin-block-start: 1rem;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 6.4rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: capitalize;
}

.about__comment {
  margin-block-start: 3rem;
}

.about__comment p {
  margin: 0;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3rem;
  color: var(--color-overlay);
}

.about__comment p + p {
  margin-block-start: 3rem;
}

.about-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3rem 6.2rem;
  width: 100%;
  max-width: 77.9rem;
  margin: 0;
  margin-block-start: 3rem;
  padding: 0;
  list-style: none;
}

.about-stats__item {
  display: flex;
  align-items: center;
  gap: 2.5rem;
    position: relative;
}

.about-stats__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.2rem;
  height: 8.4rem;
  flex-shrink: 0;
  border-radius: 1.2rem;
  background-color: #ecf1fd;

}

.about-stats__item:first-child:after{
 content:"";
 position: absolute; 
 width:0.1rem;
 height:100%;
 background: #BABABA;
 right:1rem;
top:0;
}
.about-stats__item:nth-child(3):after{
 content:"";
 position: absolute; 
 width:0.1rem;
 height:100%;
 background: #BABABA;
 right:1rem;
top:0;
}

.about-stats__icon img,
.about-stats__img {
  width: 4.6rem;
  height: 4.8rem;
  object-fit: contain;
}
.about-stats__item:first-child .about-stats__icon svg{
  width:3.5rem;
  height:4.8rem;
}
.about-stats__item:nth-child(2) .about-stats__icon svg{
  width:4.6rem;
  height:4.2rem;
}
.about-stats__item:nth-child(3) .about-stats__icon svg{
  width:3.6rem;
  height:3.6rem;
}
.about-stats__item:nth-child(4) .about-stats__icon svg{
  width:4.6rem;
  height:3.3rem;
}

.about-stats__number {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 3.4rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: capitalize;
}

.about-stats__sign {
  font-weight: var(--weight-bold);
}

.about-stats__label {
  position: relative;
  margin-block-start: 0.4rem;
  padding-block-end: 0.8rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: capitalize;
}

.about-stats__label::after {
  content: '';
  display: block;
  width: 5.9rem;
  height: 0.2rem;
  margin-block-start: 0.6rem;
  background-color: #0048f2;
}

.about__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  min-width: 18rem;
  height: 5rem;
  margin-block-start: 6.2rem;
  padding-inline: 3.3rem;
  border-radius: 4.2rem;
  background-color: var(--color-cta);
  font-family: var(--font-heading);
  font-weight: var(--weight-semibold);
  font-size: 1.8rem;
  line-height: 3rem;
  color: var(--color-white);
}

.about__button:hover,
.about__button:focus-visible {
  background-color: var(--color-accent);
  color: var(--color-white);
}

.about__button-icon {
  width: 1rem;
  height: 1.8rem;
  flex-shrink: 0;
}

/* ===============================
   KEYPOINTS (Figma 292:2533)
================================ */

.keypoints {
  position: relative;
  padding-block: 7.9rem;
  overflow: hidden;
 background: #0144A1;
  background-image: url('../images/badge-bgimage.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.inner-keypoints-content {
  width: 100%;
}

.keypoints-swiper {
  width: 100%;
  overflow: hidden;
}

.keypoints__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.keypoints__icon {
  width: 13rem;
  height: 13rem;
  margin: 0;
  overflow: hidden;
  border-radius: 50%;
  border:0.3rem solid #fff;
}

.keypoints__icon img,
.keypoints__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.keypoints__heading {
  margin: 0;
  margin-block-start: 4.2rem;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 3.4rem;
  line-height: 1.2;
  color: var(--color-white);
  text-transform: uppercase;
}

.keypoints__subheading {
  max-width: 22rem;
  margin: 0;
  margin-block-start: 0.7rem;
  margin-inline: auto;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.25;
  color: var(--color-white);
  text-transform: uppercase;
}

.keypoints-swiper .swiper-button-prev,
.keypoints-swiper .swiper-button-next {
  display: none;
  width: 4.4rem;
  height: 4.4rem;
  margin-top: 0;
}

.keypoints-swiper .swiper-button-prev::after,
.keypoints-swiper .swiper-button-next::after {
  content: none;
}

.keypoints-swiper .swiper-button-prev img,
.keypoints-swiper .swiper-button-next img {
  width: 1rem;
  height: 1.8rem;
}

.keypoints-swiper .swiper-button-prev img {
  transform: rotate(180deg);
}

.keypoints-swiper.keypoints-swiper--overflow {
  padding-inline: 5rem;
}

.keypoints-swiper.keypoints-swiper--overflow .swiper-button-prev,
.keypoints-swiper.keypoints-swiper--overflow .swiper-button-next {
  display: flex;
}

/* ===============================
   CAPABILITIES (Figma 292:2438)
================================ */

.capabilities {
  padding-block: 12rem;
  background-color: var(--color-white);
}

.inner-capabilities-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8.5rem;
}

.capabilities__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  max-width: 139.5rem;
  text-align: center;
}

.capabilities__eyebrow {
  margin: 0;
  padding-block-end: 0.5rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.2;
  color: var(--color-cta);
  text-transform: uppercase;
}

.capabilities__eyebrow::after {
  content: '';
  display: block;
  width: 7.2rem;
  height: 0.3rem;
  margin-block-start: 1.5rem;
  margin-inline: auto;
  background-color: var(--color-cta);
}

.capabilities__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 6.4rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: capitalize;
}

.capabilities__comment p {
  margin: 0;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3rem;
  color: var(--color-overlay);
}

.capabilities-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9.2rem 7.2rem;
  width: 100%;
}

.capabilities-card {
  overflow: hidden;
  border: 0.14rem solid #cedff0;
  border-radius: 2.2rem;
  background-color: var(--color-white);
}

.capabilities-card__image {
  width: 100%;
  height: 31.3rem;
  margin: 0;
  overflow: hidden;
}

.capabilities-card__image img,
.capabilities-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:0.5s;
}
.capabilities-card:hover .capabilities-card__image img{
  transform:scale(1.1);
}

.capabilities-card__body {
  display: flex;
  flex-direction: column;
  padding: 5.3rem 4.5rem 5.3rem;
}

.capabilities-card__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 3.6rem;
  line-height: 4.6rem;
  color: var(--color-overlay);
  text-transform: uppercase;
}

.capabilities-card__subheading {
  margin: 0;
  margin-block-start: 2.4rem;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 3rem;
  color: #45556c;
}

.capabilities-card__content {
  margin-block-start: 2.4rem;
}

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

.capabilities-card__content li {
  position: relative;
  padding-inline-start: 4.1rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 4rem;
  color: var(--color-overlay);
}

.capabilities-card__content li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url('../images/tick.svg') center / contain no-repeat;
}

/* ===============================
   TRUSTED LEADERS (Figma 292:2368)
================================ */

.trusted {
  padding-block: 12.3rem 11.6rem;
  background-color: #f4f9ff;
}

.inner-trusted-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.2rem;
}

.trusted__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}

.trusted__eyebrow {
  margin: 0;
  padding-block-end: 1.5rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.2;
  color: var(--color-cta);
  text-transform: uppercase;
}

.trusted__eyebrow::after {
  content: '';
  display: block;
  width: 7.2rem;
  height: 0.3rem;
  margin-block-start: 1.5rem;
  margin-inline: auto;
  background-color: var(--color-cta);
}

.trusted__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 6.4rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: capitalize;
}

.trusted-swiper {
  width: 100%;
  overflow: hidden;
}

.trusted__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8.4rem;
}

.trusted__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 8.4rem;
  margin: 0;
}

.trusted__logo img,
.trusted__img,
.trusted__logo svg {
  max-width: 100%;
  max-height: 8.4rem;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* ===============================
   GLOBAL PRESENCE (Figma 292:2255)
================================ */

.global-presence {
  padding-block: 0 9.4rem;
  background-color: var(--color-white);
}

.inner-global-presence-content {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}

.global-presence__copy {
  display: flex;
  flex-direction: column;
  flex: 0 1 73rem;
  padding-block-start: 33.9rem;
}

.global-presence__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.global-presence__eyebrow {
  margin: 0;
  padding-block-end: 1.5rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: uppercase;
}

.global-presence__eyebrow::after {
  content: '';
  display: block;
  width: 7.2rem;
  height: 0.3rem;
  margin-block-start: 1.5rem;
  background-color: #124334;
}

.global-presence__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 6.4rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: capitalize;
}
.global-presence__comment{
  margin-top:2rem;
}
.global-presence__comment p {
  margin: 0;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3rem;
  color: var(--color-overlay);
}

.global-presence__divider {
  width: 100%;
  height: 0;
  margin: 7.6rem 0 0;
  border: 0;
  border-block-start: 0.1rem solid #d9d9d9;
}

.global-presence-flags {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3.2rem 7.4rem;
  width: 100%;
  margin: 0;
  margin-block-start: 5rem;
  padding: 0;
  list-style: none;
}

.global-presence-flags__item {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.global-presence-flags__flag {
  display: flex;
  width: 5.7rem;
  height: 3.8rem;
  flex-shrink: 0;
  overflow: hidden;
}

.global-presence-flags__flag img,
.global-presence-flags__img,
.global-presence-flags__flag svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.global-presence-flags__name {
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 2.4rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: capitalize;
}

.global-presence__media {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 1 1 93.5rem;
  min-width: 0;
  padding-block-start: 27.2rem;
  background-image: url('../images/global-presence/map-bg.webp');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

.global-presence__photo {
  width: 88.5%;
  max-width: 82.8rem;
  margin: 0;
  overflow: hidden;
  border-radius: 1.6rem;
}

.global-presence__photo img,
.global-presence__img {
  width: 100%;
  height: 69.7rem;
  object-fit: cover;
  border-radius: 1.6rem;
}

/* ===============================
   IDEAL FOR (Figma 292:2149)
================================ */

.ideal-for {
  padding-block: 9rem;
  background-color: #0144a0;
  background-image: url('../images/ideal-for/section-bg.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.inner-ideal-for-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.6rem;
}

.ideal-for__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center;
}

.ideal-for__eyebrow {
  margin: 0;
  padding-block-end: 0rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.2;
  color: var(--color-white);
  text-transform: uppercase;
}

.ideal-for__eyebrow::after {
  content: '';
  display: block;
  width: 7.2rem;
  height: 0.3rem;
  margin-block-start: 1.5rem;
  margin-inline: auto;
  background-color: var(--color-white);
}

.ideal-for__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 6.4rem;
  line-height: 1.2;
  color: var(--color-white);
  text-transform: capitalize;
}

.ideal-for-items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6.8rem 4.7rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ideal-for-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 3.5rem;
}

.ideal-for-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  flex-shrink: 0;
  background-image: url('../images/circle.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ideal-for-item__icon img,
.ideal-for-item__img,
.ideal-for-item__icon svg {
 
  object-fit: contain;
}

.ideal-for-item__name {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 2rem;
  color: var(--color-white);
}

/* ===============================
   TESTIMONIALS (Figma 292:2122)
================================ */

.testimonials {
  padding-block: 7rem;
  overflow: hidden;
  background-color: var(--color-white);
}

.testimonials__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-block-end: 7.1rem;
  text-align: center;
}

.testimonials__eyebrow {
  margin: 0;
  padding-block-end: 0rem;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.2;
  color: var(--color-cta);
  text-transform: uppercase;
}

.testimonials__eyebrow::after {
  content: '';
  display: block;
  width: 7.2rem;
  height: 0.3rem;
  margin-block-start: 1.5rem;
  margin-inline: auto;
  background-color: var(--color-cta);
}

.testimonials__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 6.4rem;
  line-height: 1.2;
  color: var(--color-overlay);
  text-transform: capitalize;
}

.testimonials-swiper {
  width: 100%;
  overflow: hidden;
}

.testimonials-swiper .swiper-slide {
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}

.testimonials__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  opacity: 0.4;
}

.testimonials-swiper .swiper-slide-active,
.testimonials-swiper .swiper-slide-duplicate-active {
  opacity: 1;
}

.testimonials__comment {
  max-width: 82.8rem;
  margin-inline: auto;
}

.testimonials__comment p {
  margin: 0;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 4rem;
  color: #727272;
}

.testimonials__name {
  margin-block-start: 4.9rem;
  font-weight: 400;
  font-size: 3rem;
  line-height: 4rem;
  color: #18392b;
}

.testimonials__designation {
  margin-block-start: 0rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: #727272;
}

.testimonials-swiper .swiper-button-prev,
.testimonials-swiper .swiper-button-next {
  width: 9.3rem;
  height: 1.5rem;
  margin-top: 0;
  top: 5.4rem;
  z-index: 2;
}

.testimonials-swiper .swiper-button-prev {
  left: max(1.6rem, calc(50% - 53.4rem));
  right: auto;
}

.testimonials-swiper .swiper-button-next {
  right: max(1.6rem, calc(50% - 53.4rem));
  left: auto;
}

.testimonials-swiper .swiper-button-prev::after,
.testimonials-swiper .swiper-button-next::after {
  content: none;
}

.testimonials-swiper .swiper-button-prev img,
.testimonials-swiper .swiper-button-next img {
  width: 9.3rem;
  height: auto;
}

/* ===============================
   FOOTER (Figma 292:3764)
================================ */

.site-footer {
  position: relative;
  min-height: 49.1rem;
  padding-block: 6.3rem 0;
  color: var(--color-white);
  overflow: hidden;
}

.site-footer__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  pointer-events: none;
}

.site-footer .container {
  position: relative;
  z-index: 1;
}

.site-footer__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-block-end: 4.2rem;
}

.site-footer__logo-link {
  display: inline-flex;
}

.site-footer__logo {
  width: auto;
  height: 9.6rem;
  max-width: 29.3rem;
}

.footer-social {
  display: flex;
  align-items: center;
  gap: 3.9rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  color: var(--color-white);
  line-height: 1;
}
.footer-social a:hover{
  color:#4babf3;
}

.footer-social i {
  font-size: 3.5rem;
  line-height: 1;
}

.site-footer__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25.8rem;
  margin-block-end: 3.5rem;
}

.site-footer__content {
  flex: 0 1 54.2rem;
  max-width: 54.2rem;
}

.site-footer__content p {
  margin: 0;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3rem;
  color: var(--color-white);
}

.site-footer__content p + p,
.site-footer__content h3 + p,
.site-footer__content p + h3 {
  margin-block-start: 2.9rem;
}

.site-footer__content h3 {
  margin: 0;
  font-weight: var(--weight-bold);
  font-size: 3rem;
  line-height: 4rem;
  color: var(--color-white);
}

.site-footer__contact,
.site-footer__links {
  flex-shrink: 0;
}

.site-footer__contact {
  width: 27.3rem;
}

.site-footer__links {
  width: 32.3rem;
}

.site-footer__heading {
  margin: 0 0 4.5rem;
  font-weight: var(--weight-bold);
  font-size: 3rem;
  line-height: 4rem;
  color: var(--color-white);
}

.site-footer__heading--links {
  margin-block-end: 4.6rem;
}

.site-footer__contact-item {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  color: var(--color-white);
  font-weight: 400;
  font-size: 2rem;
  line-height: 3rem;
  white-space: nowrap;
}
.site-footer__contact-item:hover{color:#4babf3;}

.site-footer__contact-item + .site-footer__contact-item {
  margin-block-start: 2.3rem;
}

.site-footer__contact-item i {
  flex-shrink: 0;
  font-size: 1.8rem;
  line-height: 1;
}

.footer-menu {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  column-gap: 10.8rem;
  row-gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-menu a {
  display: block;
  font-weight: var(--weight-semibold);
  font-size: 2rem;
  line-height: 4.5rem;
  color: var(--color-white);
  white-space: nowrap;
}
.footer-menu li a:hover{
  color:#4babf3;
}
.footer-menu li.current-menu-item a{
  color:#4babf3;
}

.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 5.4rem;
  padding-block: 1.4rem;
  border-block-start: 0.1rem solid rgba(255, 255, 255, 0.2);
}

.site-footer__copyright {
  margin: 0;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: normal;
  color: var(--color-white);
}

.footer-bottom-menu {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-bottom-menu a {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: normal;
  color: var(--color-white);
  white-space: nowrap;
}
.footer-bottom-menu li a:hover{
  color:#4babf3;
}
.footer-bottom-menu li.current-menu-item a{
  color:#4babf3;
}

.footer-bottom-menu li:not(:last-child)::after {
  content: '|';
  margin-inline-start: 2rem;
  color: rgba(255, 255, 255, 0.65);
}
.site-footer__social{
  margin-right: 8rem;
}

/* ===============================
   CONTACT — GET IN TOUCH (Figma 264:2154)
================================ */

.contact-touch {
  padding-block: 8rem 10rem;
}

.contact-touch__panel {
  position: relative;
 
  border-radius: 1rem;
  background-color: #0f172a;
  overflow: hidden;
  max-width: 86.4%;
    margin: 0 auto;
}

.contact-touch__bg {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  width: 86.3%;
  height: 45.5rem;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  opacity: 0.4;
  pointer-events: none;
}

.contact-touch__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 55.5rem 0.1rem 34.1rem;
  column-gap: 10.6rem;
  align-items: start;
  justify-content: center;
  max-width: 144rem;
  margin-inline: auto;
  padding: 6.8rem 16.6rem 6.7rem;
}

.contact-touch__divider {
  width: 0.1rem;
  height:100%;
  background-color: rgba(255, 255, 255, 0.35);
  justify-self: center;
}

.contact-touch__heading {
  margin: 0 0 7.7rem;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 4.5rem;
  line-height: 7rem;
  color: var(--color-white);
}

.contact-touch__form-col,
.contact-touch__details-col {
  min-width: 0;
}

.contact-touch__form-col {
  width: 55.5rem;
  max-width: 100%;
}

.contact-touch__details-col {
  width: 34.1rem;
  max-width: 100%;
}

.contact-touch__details {
  display: flex;
  flex-direction: column;
  gap: 5.7rem;
}

.contact-touch__detail {
  display: flex;
  align-items: flex-start;
  gap: 2.6rem;
}

.contact-touch__detail-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3.2rem;
  color: var(--color-cta);
}

.contact-touch__detail-icon i {
  font-size: 3rem;
  line-height: 1;
}

.contact-touch__detail-text {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
}

.contact-touch__detail-label {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-semibold);
  font-size: 2.4rem;
  line-height: 3rem;
  color: var(--color-white);
}

.contact-touch__detail-value {
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.4rem;
  color: var(--color-white);
  transition: color 0.25s ease;
}

.contact-touch__detail:last-child .contact-touch__detail-value {
  font-size: 1.8rem;
}

.contact-touch__detail-value:hover,
.contact-touch__detail-value:focus-visible {
  color: var(--color-accent);
}

/* CF7 form — scoped to contact section */
.contact-touch__form .wpcf7 {
  margin: 0;
}

.contact-touch__form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.contact-touch__form .wpcf7-form p:last-of-type {
  margin-block-start: 0.7rem;
  width: fit-content;
}

.contact-touch__form .wpcf7-spinner {
  position: absolute;
  margin: 0;
}

.contact-touch__form .wpcf7-form p {
  margin: 0;
}

.contact-touch__form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.contact-touch__form input[type="text"],
.contact-touch__form input[type="email"],
.contact-touch__form input[type="tel"],
.contact-touch__form input[type="url"],
.contact-touch__form textarea {
  width: 100%;
  border: 0.1rem solid var(--color-white);
  border-radius: 1rem;
  background-color: #0f172a;
  color: var(--color-white);
  font-family: var(--font-heading);
  font-weight: var(--weight-medium);
  font-size: 2.2rem;
  line-height: normal;
}

.contact-touch__form input[type="text"],
.contact-touch__form input[type="email"],
.contact-touch__form input[type="tel"],
.contact-touch__form input[type="url"] {
  height: 6.5rem;
  padding-block: 0;
  padding-inline: 3rem;
}

.contact-touch__form textarea {
  
  padding: 2.1rem 3rem;
  resize: vertical;
  height:13.9rem;
  resize:none;
}

.contact-touch__form input::placeholder,
.contact-touch__form textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.contact-touch__form .wpcf7-submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 18rem;
  min-width: 18rem;
  max-width: 18rem;
  height: 5rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4.2rem;
 
  background:var(--color-cta) url('../images/about-arrow.svg') no-repeat 79% 50%;
  
  background-size:1rem 1.8rem;
  font-family: var(--font-heading);
  font-weight: var(--weight-semibold);
  font-size: 1.8rem;
  line-height: 1;
  color: var(--color-white);
  cursor: pointer;
 
}



.contact-touch__form .wpcf7-submit:hover,
.contact-touch__form .wpcf7-submit:focus-visible {
  background-color: var(--color-accent);
  
}

.contact-touch__form .wpcf7-submit:hover::after,
.contact-touch__form .wpcf7-submit:focus-visible::after {
  filter: brightness(0);
}

.contact-touch__form .wpcf7-not-valid-tip {
  margin-block-start: 0.8rem;
  font-size: 1.4rem;
  color: #ff8a8a;
}

.contact-touch__form .wpcf7-response-output {
  margin: 2rem 0 0;
  padding: 1.2rem 1.6rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.35);
  border-radius: 0.8rem;
  font-size: 1.6rem;
  color: var(--color-white);
}

.contact-touch__form .wpcf7 form.invalid .wpcf7-response-output,
.contact-touch__form .wpcf7 form.unaccepted .wpcf7-response-output,
.contact-touch__form .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ff8a8a;
}

.contact-touch__form .wpcf7 form.sent .wpcf7-response-output {
  border-color: #7dffb0;
}

/* ===============================
   CONTACT — OUR LOCATIONS (Figma)
================================ */

.our-locations {
  padding-block: 8rem 10rem;
  background-color: var(--color-white);
}
.inner-location{
  width:100%;
  max-width:86.4%;
  margin:0 auto;
}
.our-locations__heading {
  margin: 0 0 6rem;
  text-align: center;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 4.5rem;
  line-height: 1.2;
  color: var(--color-overlay);
}

.our-locations__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto;
  column-gap: 8rem;
  row-gap: 3rem;
}

.our-locations__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 3rem;
  min-width: 0;
}

.our-locations__address {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  margin: 0;
  font-style: normal;
  height: 100%;
  min-height: 100%;
}

.our-locations__icon {
  display: flex;
  flex-shrink: 0;
  color: var(--color-cta);
  margin-block-start: 0.2rem;
}

.our-locations__icon i {
  font-size: 2.8rem;
  line-height: 1;
}

.our-locations__meta {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  min-width: 0;
  flex: 1;
  height: 100%;
}

.our-locations__name {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: 2.4rem;
  line-height: 1.3;
  color: var(--color-cta);
}

.our-locations__text {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.6;
  color: var(--color-overlay);
}

.our-locations__text p {
  margin: 0;
}

.our-locations__text p + p {
  margin-block-start: 0.8rem;
}

.our-locations__map {
  display: block;
  width: 100%;
  height: 38rem;
  border: 0;
  border-radius: 0.8rem;
}
section{overflow:hidden;}