/* global font size fluid */
html {
  font-size: 16px !important;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
  font-family: "Montserrat", "Verdana", sans-serif !important;
}

.our-offerings-container a.no-text-decor {
  text-decoration: none;
}
#quadmenu,.site-primary-footer-wrap{
	:focus-visible{
	  outline: 2px solid var(--adro-electric-blue) !important;
  outline-offset: 2px !important; 
	}
}
:root {
  *:focus-visible {
      outline: 2px solid var(--adro-electric-blue) !important;
  }
  *:focus{
		outline:none;
	}
  .font-boldest {
    font-weight: 700;
  }
  .font-bolder {
    font-weight: 600;
  }

  .font-bold {
    font-weight: 500;
  }

  .font-normal {
    font-weight: 400;
  }

  h1,
  h3,
  h4,
  h5,
  a,
  p {
    text-transform: none;
    color: #fff;
    margin-bottom: 0;
    line-height: normal;
  }
  a.underline-on-hover span {
    font-weight: 500;
  }
  div {
    line-height: normal;
  }
  h2 {
    text-transform: none !important;
  }
	@media screen and (max-width:1024px){
		:focus{
			outline:none !important;
		}
	}
  @media screen and (min-width: 320px) and (max-width: 767.5px) {
    .abt-grad-desc {
      font-size: clamp(1rem, 0.285rem + 3.575vw, 2rem);
    }
  }
  @media screen and (min-width: 390px) and (max-width: 767px) {
    .home-counter-number-font {
      font-size: clamp(2rem, 0.926rem + 5.369vw, 3.5rem) !important;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .home-counter-number-font {
      font-size: clamp(3.5rem, -1.9rem + 11.25vw, 5.3rem) !important;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .home-counter-number-font {
      font-size: clamp(3.5rem, -1.9rem + 11.25vw, 5.3rem) !important;
    }
  }
  @media screen and (min-width: 1025px) and (max-width: 1920px) {
    .home-counter-number-font {
      font-size: clamp(4rem, 2.282rem + 2.682vw, 5.5rem) !important;
    }
  }
  @media screen and (max-width: 390px) {
    .largest-size {
      font-size: clamp(1.405rem, -1.354rem + 13.797vw, 2rem) !important;
    }

    .large-size,
    .post-content h2 {
      font-size: clamp(1.2rem, -0.191rem + 6.957vw, 1.5rem) !important;
    }

    .medium-size,
    .post-content h3 {
      font-size: clamp(0.95rem, -0.441rem + 6.957vw, 1.25rem) !important;
    }

    .small-size {
      font-size: clamp(0.825rem, -0.566rem + 6.957vw, 1.125rem) !important;
    }
    .post-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(0.825rem, -0.566rem + 6.957vw, 1.125rem);
      }
    }

    .smaller-size,
    footer .menu-item {
      font-size: clamp(0.875rem, 0.304rem + 2.857vw, 1rem) !important;
    }

    .privacy-policy-container .text-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(0.875rem, 0.304rem + 2.857vw, 1rem) !important;
      }
    }

    footer .menu-item {
      font-size: 14px !important;
    }

    .smallest-size {
      font-size: clamp(0.75rem, -0.393rem + 5.714vw, 1rem) !important;
    }
  }
  @media screen and (min-width: 391px) and (max-width: 767.5px) {
    .largest-size {
      font-size: clamp(2rem, 1.484rem + 2.116vw, 2.5rem) !important;
    }

    .large-size,
    .post-content h2 {
      font-size: clamp(1.5rem, 1.371rem + 0.529vw, 1.625rem) !important;
    }

    .medium-size,
    .post-content h3 {
      font-size: clamp(1.25rem, 1.121rem + 0.529vw, 1.375rem) !important;
    }

    .small-size {
      font-size: clamp(1.125rem, 0.996rem + 0.529vw, 1.25rem) !important;
    }
    .post-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(1.125rem, 0.996rem + 0.529vw, 1.25rem);
      }
    }
    .smallest-size {
      font-size: clamp(1rem, 1rem + 0vw, 1rem) !important;
    }

    .smaller-size,
    footer .menu-item {
      font-size: clamp(1rem, 1rem + 0vw, 1rem) !important;
    }
    .privacy-policy-container .text-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(1rem, 1rem + 0vw, 1rem) !important;
      }
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1193.5px) {
    .largest-size {
      font-size: clamp(2.23rem, 1.509rem + 1.502vw, 2.63rem) !important;
    }

    .large-size,
    .post-content h2 {
      font-size: clamp(1.425rem, -0.378rem + 3.756vw, 2.425rem) !important;
    }

    .medium-size,
    .post-content h3 {
      font-size: clamp(1.225rem, 0.504rem + 1.502vw, 1.625rem) !important;
    }

    .small-size {
      font-size: clamp(1.11rem, 0.677rem + 0.901vw, 1.35rem) !important;
    }
    .post-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(1.11rem, 0.677rem + 0.901vw, 1.35rem);
      }
    }

    .smallest-size {
      font-size: clamp(0.813rem, 0.474rem + 0.704vw, 1rem) !important;
    }

    .smaller-size,
    footer .menu-item {
      font-size: clamp(0.875rem, 0.424rem + 0.939vw, 1.125rem) !important;
    }
    .privacy-policy-container .text-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(0.875rem, 0.424rem + 0.939vw, 1.125rem) !important;
      }
    }
  }

  @media screen and (min-width: 1193.98px) and (max-width: 1194.5px),
    screen and (min-width: 833.98px) and (max-width: 834.5px) and (orientation: portrait) {
    .largest-size {
      font-size: 44px !important;
    }

    .large-size,
    .post-content h2 {
      font-size: 40px !important;
    }

    .medium-size,
    .post-content h3 {
      font-size: 28px !important;
    }

    .small-size {
      font-size: 24px !important;
    }
    .post-content {
      ul,
      li,
      p,
      div {
        font-size: 24px;
      }
    }
    .smallest-size {
      font-size: 16px !important;
    }

    .smaller-size,
    footer .menu-item {
      font-size: 18px !important;
    }
    .privacy-policy-container .text-content {
      ul,
      li,
      p,
      div {
        font-size: 18px !important;
      }
    }
  }

  @media screen and (min-width: 1195px) and (max-width: 1280.5px) {
    .largest-size {
      font-size: clamp(2.23rem, -1.611rem + 5.143vw, 2.5rem) !important;
    }

    .large-size,
    .post-content h2 {
      font-size: clamp(2rem, 0.244rem + 2.353vw, 2.125rem) !important;
    }

    .medium-size,
    .post-content h3 {
      font-size: clamp(1.313rem, 0.442rem + 1.167vw, 1.375rem) !important;
    }

    .small-size {
      font-size: clamp(1.25rem, 0.365rem + 1.186vw, 1.313rem) !important;
    }
    .post-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(1.25rem, 0.365rem + 1.186vw, 1.313rem);
      }
    }

    .smallest-size {
      font-size: 16px !important;
    }

    .smaller-size,
    footer .menu-item {
      font-size: 18px !important;
    }
    .privacy-policy-container .text-content {
      ul,
      li,
      p,
      div {
        font-size: 18px !important;
      }
    }
  }

  @media screen and (min-width: 1281px) and (max-width: 1439.5px) {
    .largest-size {
      font-size: clamp(1.925rem, -8.675rem + 13.25vw, 3.25rem) !important;
    }

    .large-size,
    .post-content h2 {
      font-size: clamp(1.625rem, -2.375rem + 5vw, 2.125rem) !important;
    }

    .medium-size,
    .post-content h3 {
      font-size: clamp(1.225rem, -2.975rem + 5.25vw, 1.75rem) !important;
    }

    .small-size {
      font-size: clamp(1.225rem, -0.975rem + 2.75vw, 1.5rem) !important;
    }
    .post-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(1.225rem, -0.975rem + 2.75vw, 1.5rem);
      }
    }

    .smallest-size {
      font-size: clamp(1rem, 1rem + 0vw, 1rem) !important;
    }

    .smaller-size,
    footer .menu-item {
      font-size: clamp(1.063rem, -0.448rem + 1.887vw, 1.25rem) !important;
    }
    .privacy-policy-container .text-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(1.063rem, -0.448rem + 1.887vw, 1.25rem) !important;
      }
    }
  }

  @media screen and (min-width: 1440px) and (max-width: 1920.5px) {
    .largest-size {
      font-size: clamp(3.25rem, -0.5rem + 4.167vw, 4.5rem) !important;
    }

    .large-size,
    .post-content h2 {
      font-size: clamp(2.375rem, 0.5rem + 2.083vw, 3rem) !important;
    }

    .medium-size,
    .post-content h3 {
      font-size: clamp(1.875rem, 0rem + 2.083vw, 2.5rem) !important;
    }

    .small-size {
      font-size: clamp(1.5rem, -0.004rem + 1.67vw, 2rem) !important;
    }
    .post-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(1.5rem, -0.004rem + 1.67vw, 2rem);
      }
    }

    .smallest-size {
      font-size: clamp(1rem, 0.624rem + 0.418vw, 1.125rem) !important;
    }

    .smaller-size,
    footer .menu-item {
      font-size: clamp(1.25rem, 0.498rem + 0.835vw, 1.5rem) !important;
    }
    .privacy-policy-container .text-content {
      ul,
      li,
      p,
      div {
        font-size: clamp(1.25rem, 0.498rem + 0.835vw, 1.5rem) !important;
      }
    }
  }

  @media screen and (min-width: 1921px) {
    .largest-size {
      font-size: 72px !important;
    }

    .large-size,
    .post-content h2 {
      font-size: 48px !important;
    }

    .medium-size,
    .post-content h3 {
      font-size: 40px !important;
    }

    .small-size {
      font-size: 32px !important;
    }
    .post-content {
      ul,
      li,
      p,
      div {
        font-size: 32px;
      }
    }

    .smaller-size,
    footer .menu-item {
      font-size: 24px !important;
    }
    .privacy-policy-container .text-content {
      ul,
      li,
      p,
      div {
        font-size: 24px !important;
      }
    }

    .smallest-size {
      font-size: 18px !important;
    }
  }
  .larger-size {
    font-size: clamp(2rem, -1.289rem + 4.408vw, 4rem) !important;
  }

  .custom-button,
  .wp-block-button__link.wp-element-button,
  .about-our-people .cta-button {
    min-width: 248px;
    min-height: 40px;
    padding: 0 10px;
    align-content: center;
  }

  @media screen and (max-width: 1024px) {
    .custom-button,
    .global-secondary-button,
    .wp-block-button__link.wp-element-button {
      min-width: 176px;
      height: 48px;
    }
  }
}

:root {
  --adro-deep-blue: #1a2c47;
  --adro-mid-blue: #144074;
  --adro-blue: #2d79a6;
  --adro-yellow: #f2cc05;
  --adro-electric-blue: #00ccff;
  --adro-electric-green: #23e4ba;
  --adro-magenta: #b175ff;
  --adro-deep-purple: #2e039b;
  --adro-light-seagreen: #03b7b7;
  --adro-lilac: #78a0f6;
  --ia-btn-hover-color: #007a99;
  --qe-btn-hover-color: #7f48c5;
  --de-btn-hover-color: #5173bd;
  --dea-btn-hover-color: #018484;
  --post-generic-btn-hover-color: #10846b;
}

.color-ia {
  color: var(--adro-electric-blue);
}

.color-qe {
  color: var(--adro-magenta);
}

.color-dea {
  color: var(--adro-light-seagreen);
}

.color-de {
  color: var(--adro-lilac);
}
.section-central-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 2.9% !important;
}
@media screen and (min-width: 1281px) {
  .featured-insight-header-area {
    .main-header {
      margin: 0;
    }
  }
}
.section-header-container {
  display: flex;
  justify-content: start;
  flex-direction: column;
  padding: 0 3.34%;

  .main-header {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .section-header-container {
    padding: 0 4.8%;
  }
}

@media screen and (max-width: 767.5px) {
  .section-header-container {
    justify-content: center;
    text-align: center;
  }
}

/* our industry section fonts */
@media screen and (max-width: 1280px) {
  .industry-title-font {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .industry-title-font {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .industry-title-font {
    font-size: clamp(1.5rem, -0.004rem + 1.67vw, 2rem) !important;
  }
}
@media screen and (min-width: 1921px) {
  .industry-title-font {
    font-size: 32px !important;
  }
}
.who-we-are-btn .wp-block-button__link.wp-element-button {
  min-width: 296px;
}
@media screen and (max-width: 1024px) {
  .who-we-are-btn .wp-block-button__link.wp-element-button,
  .below-homepage-banner .custom-button,
  footer #block-21 .wp-block-button__link.wp-element-button,
  .about-our-people .cta-button {
    min-width: 280px !important;
  }
}
/* custom cta for desktop in service pages */
.service-button-cta {
  text-decoration: none !important;
  text-wrap: nowrap;
}

@media screen and (max-width: 1024px) {
  .service-button-cta {
    display: none;
  }
  .service-btn-solid {
    display: block !important;
  }
  .section-central-heading {
    margin-bottom: 10.3% !important;
  }
}

.service-button-cta:after {
  content: "";
  display: inline-block;
  width: 3em;
  aspect-ratio: 2;
  margin: 0 2%;
  vertical-align: middle;
  background: url(/wp-content/uploads/2025/09/arrow_svg_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 320px) and (max-width: 390px) {
  .service-button-cta:after {
    width: clamp(1.5rem, -5.929rem + 37.143vw, 3.125rem);
  }
}

/* Service button for mobile and tablet */
.service-btn-solid {
  display: none;
  color: var(--adro-deep-blue);
  border: none;
}
.service-btn-solid:hover {
  color: white;
}
/* service get in touch button in hero section hover transparent*/
.industry-get-in-touch {
  background-color: var(--adro-deep-blue);
  border-color: var(--adro-electric-blue);
}
.service-get-in-touch {
  background-color: var(--adro-deep-blue);
  border-color: var(--adro-deep-blue);
}
.service-get-in-touch:hover {
  color: var(--adro-deep-blue);
  border-color: var(--adro-deep-blue);
  background-color: rgba(0, 0, 0, 0);
}
.service-get-in-touch:focus {
  color: var(--adro-deep-blue);
  border-color: var(--adro-deep-blue);
  background-color: rgba(0, 0, 0, 0);
}
/*Our Services Home Page*/
@media screen and (min-width: 768px) and (max-width: 1280px) and (orientation: portrait) {
  .our-services-container .section-central-heading {
    margin-bottom: 5.8% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
  .our-services-container .section-central-heading {
    margin-bottom: 4.05% !important;
  }
}

/* used in cta where  arrow is added who we are cookie etc. */
.learn-more-btn {
  text-wrap: nowrap;
}

.learn-more-btn:after {
  content: "";
  display: inline-block;
  width: clamp(3rem, 2.9rem + 0.5vw, 3.5rem);
  aspect-ratio: 2;
  margin: 0 3%;
  vertical-align: middle;
  background: url(/wp-content/uploads/2025/01/Property-1Icon-Property-2DT-LT-menu-Property-3Electric-blue.png);
  background-size: contain;
  background-repeat: no-repeat;
}

/* color theme variable definition */
:root {
  /* fallback or default if no theme class is present */
  --post-primary-color: var(--adro-electric-green);
  --post-hover-color: var(--post-generic-btn-hover-color);
  --service-primary-color: var(--adro-electric-green);
  --service-hover-color: var(--post-generic-btn-hover-color);
  --service-banner-gradient: linear-gradient(
    0deg,
    #0cf 2.81%,
    #06a8d6 32.15%,
    #135677 82.85%,
    #1a2c47 108.58%
  );
  --service-offerings-gradient: linear-gradient(
    0deg,
    rgba(6, 168, 214, 0.8) -9.24%,
    rgba(16, 39, 69, 0.88) 32.89%,
    #1a2c47 90.77%
  );
}
.theme-ia {
  --post-primary-color: var(--adro-electric-blue);
  --post-hover-color: var(--ia-btn-hover-color);
  --service-primary-color: var(--adro-electric-blue);
  --service-hover-color: var(--ia-btn-hover-color);
  --service-banner-gradient: linear-gradient(
    0deg,
    #0cf 2.81%,
    #06a8d6 32.15%,
    #135677 82.85%,
    #1a2c47 108.58%
  );
  --service-offerings-gradient: linear-gradient(
    0deg,
    rgba(6, 168, 214, 0.8) -9.24%,
    rgba(16, 39, 69, 0.88) 32.89%,
    #1a2c47 90.77%
  );
}

.theme-de {
  --post-primary-color: var(--adro-lilac);
  --post-hover-color: var(--de-btn-hover-color);
  --service-primary-color: var(--adro-lilac);
  --service-hover-color: var(--de-btn-hover-color);
  --service-banner-gradient: linear-gradient(
      0deg,
      #78a0f6 2.81%,
      #3151b4 38.06%,
      #144074
    )
    73.32%;
  --service-offerings-gradient: linear-gradient(
    0deg,
    rgba(49, 81, 180, 0.87) -9.72%,
    #1a2c47 33.99%,
    #1a2c47 108.59%
  );
}

.theme-qe {
  --post-primary-color: var(--adro-magenta);
  --post-hover-color: var(--qe-btn-hover-color);
  --service-primary-color: var(--adro-magenta);
  --service-hover-color: var(--qe-btn-hover-color);
  --service-banner-gradient: linear-gradient(
    0deg,
    rgba(164, 93, 255, 0.87) -9.23%,
    rgba(38, 2, 127, 0.88) 51.77%,
    rgba(26, 44, 71, 0.97) 92.63%
  );
  --service-offerings-gradient: linear-gradient(
    0deg,
    rgba(112, 57, 181, 0.8) -9.24%,
    rgba(16, 39, 69, 0.96) 37.46%,
    #1a2c47 90.77%
  );
}
.theme-dea {
  --post-primary-color: var(--adro-light-seagreen);
  --post-hover-color: var(--dea-btn-hover-color);
  --service-primary-color: var(--adro-light-seagreen);
  --service-hover-color: var(--dea-btn-hover-color);
  --service-banner-gradient: linear-gradient(
    0deg,
    rgba(3, 183, 183, 0.61) 0.04%,
    #0f909f 36.29%,
    rgba(26, 44, 71, 0.9) 74.19%,
    #1a2c47 104.13%
  );
  --service-offerings-gradient: linear-gradient(
    0deg,
    rgba(13, 121, 133, 0.88) 0.01%,
    rgba(26, 44, 71, 0.88) 32.36%,
    #1a2c47 108.63%
  );
}