/* Compiled component-level SCSS (v4 interpolation-aware) */

/* ===== components/announcement-banner.scss ===== */
.announcement-banner {
  width: 100%;
  background-color: #ffff;
  color: #000;
  text-align: center;
  padding: 10px 20px;
}
@media (max-width: 767px) {
.announcement-banner {
  padding: 10px 0px;
  align-items: baseline;
  padding-left: 10px;
}
}
.announcement-banner {
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translateY(0);
  opacity: 1;
}
.announcement-banner.closing {
  transform: translateY(-100%);
  opacity: 0;
}
.announcement-banner p {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  font-family: "HelveticaNeueLT Pro 55 Roman" !important;
  width: 100%;
}
@media (max-width: 767px) {
.announcement-banner p {
  font-size: 14px;
}
}
.announcement-banner .close-button {
  background: none;
  border: none;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  color: #000;
  padding: 0 10px;
}
.announcement-banner .close-button:hover {
  color: #333;
}
.announcement-banner .close-button:focus {
  outline: none;
}

/* ===== components/book-banner.scss ===== */
.text-green {
  color: #67be83 !important;
}
.contact-us-link img {
  width: fit-content;
  margin-left: 0;
}
.font-increase {
  font-size: 16px;
}
.book-banner {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  margin-top: 70px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
.book-banner {
  width: 80%;
  margin-bottom: 30px;
}
}
.secondary-btn {
  border: 1px solid #67be83;
  background-color: transparent;
  color: #67be83 !important;
}
.secondary-btn:hover {
  border: 1px solid #f8f8f8;
  color: #4d8e62 !important;
  background-color: transparent;
}
.buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.hover-state:hover {
  background-color: #4d8e62;
}
.hover-state:active {
  background-color: #67be83 !important;
}
@media (min-width: 1024px) {
.padding {
  padding: 0px 24px;
}
}
@media (max-width: 767px) {
.mob-hidden {
  display: none;
}
}
.mob-width:focus {
  outline: none;
}
@media (max-width: 767px) {
.buttons {
  flex-direction: column;
  margin: 0;
}
}
@media (max-width: 767px) {
.mob-width {
  width: 100% !important;
  font-size: 18px;
}
}

/* ===== components/book-meet.scss ===== */
.overall-div {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
@media (max-width: 767px) {
.overall-div {
  gap: 0px;
}
}
.cta-meet {
  padding-bottom: unset;
  margin: 100px 0;
  width: 100%;
}
@media (max-width: 767px) {
.cta-meet {
  margin: 64px 0;
}
}
.cta-meet .cta-meet-container {
  max-width: 1240px;
  padding: 0 20px;
  margin:0 auto;
}
/* Mobile: land the CTA card at the header-banner width (16px side margins).
   Where cta-meet is placed full-bleed (static Work/Updates pages) this 16px is
   the margin itself; where it sits inside the 16px page wrapper (services page)
   that wrapper already supplies it, so the services page overrides this to 0. */
@media (max-width: 767px) {
.cta-meet .cta-meet-container { padding-left: 16px; padding-right: 16px; }
}
.cta-meet .cta-meet-container .cta-meet-content {
  background-color: #ffff;
  border-radius: 20px;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: 1fr;
  align-items: center;
  width: 100%;
  padding: 64px 40px;
}
.cta-meet .cta-meet-container .cta-meet-content .init-circular-div {
  align-items: center;
}
.cta-meet .cta-meet-container .cta-meet-content .init-circular-div .contact-us-link {
  width: fit-content;
  margin: 0;
  font-family: "HelveticaNeueLT Pro 55 Roman";
  font-size: 20px;
  min-height: 45px;
  height: auto;
  line-height: 1;
  padding-top: 4px !important;
}
.cta-meet .cta-meet-container .cta-meet-content .init-circular-div .contact-us-link:focus {
  outline: none !important;
}
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content-column {
  grid-row: 1;
  display: flex;
}
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content-column:first-child {
  grid-column: 1 / span 2;
}
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content-column:nth-child(2) {
  grid-column: 4 / span 3;
}
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content-column:last-child {
  grid-column: 8 / span 2;
}
@media (max-width: 767px) {
.cta-meet .cta-meet-container .cta-meet-content {
  grid-template-rows: auto;
  row-gap: 24px;
  padding: 56px 14px;
}
}
@media (max-width: 767px) {
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content-column {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  justify-content: center;
}
}
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content--title {
  font-family: "Cabinet Grotesk" !important;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  color: #2B2B2B;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content--title {
  font-size: 28px;
  line-height: 32px;
  width: 100%;
  text-align: center;
}
}
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content--description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #636363;
  font-family: "HelveticaNeueLT Pro 45 Lt";
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.cta-meet .cta-meet-container .cta-meet-content .cta-meet-content--description {
  width: 100%;
  text-align: center;
}
}
.div2 {
  justify-content: center;
  display: flex;
  gap: 5px;
  flex-direction: column;
  margin-top: 10px;
}
.meet-title {
  font-size: 32px;
  font-family: "Cabinet Grotesk"!important;
  font-weight: 500;
  margin: 0;
}
.img-height-mobile {
  width: 70px;
  height: 66.63px;
}
.author {
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 767px) {
.author {
  margin: 0;
  line-height: 1;
  font-size: 14px;
}
}
.button-padding {
  padding: 0px 20px;
  font-size: 18px !important;
}
.button-padding:hover {
  background-color: #4d8e62;
}
.init-circular-div {
  margin-left: 20px;
  gap: 15px;
}
@media (max-width: 767px) {
.init-circular-div {
  gap: 26px;
  margin-left: 10px;
}
}
@media (max-width: 767px) {
.contact-us-link {
  font-size: 16px !important;
}
/* Keep pill CTAs (e.g. "Schedule an Audit Call") on a single line on mobile by
   preventing wrap and nudging the font down a touch. */
.contact-us-link.button-padding {
  font-size: 15px !important;
  white-space: nowrap;
}
}

/* ===== components/buttoncomponent.scss ===== */
.button-container {
  display: none;
}
@media (max-width: 767px) {
.button-container {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}
}
.button {
  padding: 10px;
  font-size: 14px;
  background-color: #fff;
  color: #2b2b2b;
  font-family: "HelveticaNeueLT Pro 55 Roman";
  border: none;
  border-radius: 32px;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
}
.button:hover {
  background-color: #67be83;
  color: #fff;
}
.full-row {
  grid-column: span 2;
  justify-self: center;
}

/* ===== components/career-form-modal.scss ===== */
.form-group button {
  margin-bottom: 0 !important;
}
.cv-file-name {
  margin-top: 10px;
}
.cv-file-name p {
  font-size: 14px;
  color: #4988c3;
}
input, textarea, button {
  margin-bottom: 1rem;
}
input, textarea {
  border: none !important;
  border-bottom: 1px solid #b6b6b6 !important;
  border-radius: 0 !important;
  min-height: unset !important;
  height: unset !important;
}
input, textarea {
  padding: 10px;
  width: 100%;
}
textarea {
  resize: vertical;
  min-height: 100px;
}

/* ===== components/case-studies-load.scss ===== */
@media (max-width: 767px) {
.font-difference br {
  display: none;
}
}
.category-btn.selected {
  background-color: #67be83;
  color: white;
}
.category-row .margin-right {
  padding-right: 5px !important;
}
.category-row .subtitle {
  margin-bottom: 8px !important;
}
.category-row .category-btn {
  background-color: #fff;
  border: 1px solid #efefef;
  padding: 10px 20px;
  padding-top: 12px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease,
      transform 0.3s ease;
}
.category-row .category-btn:hover {
  transform: translateY(-2px);
}
.category-row .category-btn.selected {
  background-color: #67be83;
  color: #fff;
}
.category-row .dropdown-container {
  position: relative;
  padding-right: 5px;
}
.category-row .dropdown-container .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border-radius: 5px;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  min-width: 150px;
  padding: 5px 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.category-row .dropdown-container .dropdown-menu.show {
  display: block;
  opacity: 1;
  visibility: visible;
}
.category-row .dropdown-container .dropdown-menu .dropdown-item {
  padding: 8px 15px;
  color: #333;
  background-color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.category-row .dropdown-container .dropdown-menu .dropdown-item:hover {
  background-color: #f1f1f1;
}
.category-row .dropdown-container .dropdown-menu .dropdown-item.selected {
  background-color: #67be83;
  color: white;
}
.category-row .dropdown-container .dropdown-menu .dropdown-item button:focus {
  outline: unset;
  background-color: #67be83 !important;
  color: #fff !important;
}
.category-items {
  justify-content: start;
}
.filter-section {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.filter-section .filter-item {
  font-size: 18px;
  cursor: pointer;
  color: #8c8c8c;
  font-family: "HelveticaNeueLT Pro 55 Roman";
}
.filter-section .filter-item.active {
  color: #2b2b2b;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.filter-section .filter-item:not(.active):hover {
  color: #333;
}
@media (min-width: 768px) and (max-width: 1023px) {
.active-cs-link {
  margin-bottom: 1rem;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.horizontal-scroll-mobile {
  margin-top: -50%;
}
}
@media (max-width: 767px) {
.horizontal-scroll-mobile {
  margin-top: -50%;
}
}
@media (max-width: 500px) {
.horizontal-scroll-mobile {
  margin-top: -40%;
}
}
@media (max-width: 432px) {
.horizontal-scroll-mobile {
  margin-top: -25%;
}
}

/* ===== components/ceo-quote.scss ===== */
.ceo-quote-container {
  background-color: white;
  border-radius: 32px;
  display: flex;
  flex-direction: row;
  gap: 60px;
  padding: 32px 66px 32px 32px;
}
@media (max-width: 767px) {
.ceo-quote-container {
  flex-direction: column;
  padding: 16px;
  gap: 36px;
}
}
.ceo-quote-container .init-circular-div {
  width: fit-content;
}
.image-container {
  display: flex;
  min-width: fit-content;
  width: 30%;
  align-items: center;
}
@media (max-width: 767px) {
.image-container {
  width: 100%;
  justify-content: space-between;
  gap: 10px;
}
}
.image-wrapper {
  background-color: white;
  border-radius: 32px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  height: fit-content;
  align-items: flex-end;
  min-width: 300px !important;
  width: fit-content;
  aspect-ratio: 3/4;
}
@media (max-width: 767px) {
.image-wrapper {
  width: 100% !important;
  aspect-ratio: 11/9;
  height: auto !important;
}
}
.ceo-image {
  width: 80%;
  padding-top: 50px;
  object-fit: contain;
}
@media (max-width: 767px) {
.ceo-image {
  padding-top: 40px;
  width: 100%;
  transform: scale(1.2);
}
}
.small-text-container {
  gap: 10px;
}
.text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%;
}
@media (max-width: 767px) {
.text-container {
  width: 100%;
}
}
.main-text {
  margin-bottom: 40px;
  padding-right: 30px;
}
@media (max-width: 767px) {
.main-text {
  margin-bottom: 0;
  padding-right: 0;
}
}
.main-text p {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 32px;
}
@media (max-width: 767px) {
.main-text p {
  font-size: 18px;
  line-height: 1.3;
}
}
.small-text {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 18px;
}
@media (max-width: 767px) {
.small-text {
  font-size: 16px;
  padding-right: 10px;
}
}
.smaller2 {
  font-size: 14px !important;
  margin-top: 0;
}

/* ===== components/clients-carousel.scss ===== */
.clients-carousel {
  display: flex;
  flex-direction: column;
  background-color: #2b2b2b;
  border-radius: 0 0 24px 24px;
  margin-top: -10px;
  color: #f8f8f8;
}
@media (max-width: 767px) {
.clients-carousel {
  padding: 20px 0px;
}
}
.clients-carousel .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 15px 55px;
}
@media (max-width: 767px) {
.clients-carousel .carousel-container {
  width: 100%;
  gap: 30px !important;
  padding: 5px 0px;
}
}
.clients-carousel .title-wrapper {
  display: flex;
  justify-content: center !important;
  align-items: center;
  width: fit-content;
}
.clients-carousel .title-styling {
  font-size: 16px;
  line-height: 1 !important;
  font-family: 'HelveticaNeueLT Pro 45 Lt';
  font-weight: 400;
  margin: auto;
  color: #f8f8f8;
  padding: 0;
  margin: 0 !important;
}
@media (max-width: 767px) {
.clients-carousel .title-styling {
  font-size: 16px;
}
}
@media (max-width: 767px) {
.clients-carousel .title-styling br {
  display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.clients-carousel .title-styling br {
  display: none !important;
}
}
.clients-carousel .carousel-slider-wrapper {
  flex: 1;
  width: 100%;
  overflow: hidden;
}
.clients-carousel .logo-slider {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.clients-carousel .slider-track {
  display: flex;
  animation: scroll 15s linear infinite;
  padding: 20px 0px;
}
@media (max-width: 767px) {
.clients-carousel .slider-track {
  padding: 0;
}
}
.clients-carousel .logo-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}
.clients-carousel .logo-item img {
  opacity: 0.5;
  width: auto;
  height: 40px;
}
@media (max-width: 767px) {
.clients-carousel .logo-item img {
  width: 130px;
}
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* ===== components/faq.scss ===== */
.faq-container {
  display: flex;
  flex-direction: row;
  margin-top: 80px;
}
@media (max-width: 767px) {
.faq-container {
  flex-direction: column;
  margin-top: 30px;
}
}
.faq-container .card {
  border-radius: 32px !important;
  flex-direction: row;
  gap: 40px;
}
.faq-container .card .faq-title {
  padding-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
.faq-container .card {
  min-height: 225px;
}
}
.faq-container .faq-head {
  text-align: left;
  width: 80%;
}
@media (max-width: 767px) {
.faq-container .faq-head {
  margin: auto;
}
}
.faq-container .faq-head .title {
  padding-top: 0;
  width: 90%;
}
@media (max-width: 767px) {
.faq-container .faq-head .title {
  margin-bottom: 30px;
}
}
.faq-container .faq-head .subtitle {
  padding-right: 40px;
}
.faq-container .faq-body {
  width: 100%;
  gap: 15px;
}
.faq-container .card-body {
  display: flex;
  padding: 0px;
  justify-content: space-between;
}
.faq-container .card-body .question {
  color: #2b2b2b;
  font-size: 18px;
  display: flex;
  align-items: center;
  text-align: left;
}
@media (max-width: 767px) {
.faq-container .card-body .question {
  padding-right: 50px;
}
}
.faq-container .card-body .answer {
  margin-top: 15px;
  font-family: "HelveticaNeueLT Pro 55 Roman";
}
.faq-container .card-body .question {
  font-family: "HelveticaNeueLT Pro 55 Roman";
}
.faq-container .card-body p {
  margin: 0;
  line-height: 20px;
}
.faq-container .card-body .collapse .card-body {
  padding: 0 !important;
}
.faq-container .card {
  border: none;
  background-color: #fff;
  border-radius: 32px;
  padding: 15px 25px;
}
.faq-container .card button {
  border: none;
  padding: 0;
  margin: 0;
  background-color: white;
}
.faq-container .card button:focus {
  outline: none;
}
@media (max-width: 767px) {
.faq-slider-wrapper .swiper-nav-container {
  margin-top: 50px;
}
}

/* ===== components/main-banner.scss ===== */
.banner-carousel-div {
  max-width: 1240px;
  width: 100%;
  padding: 0 20px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
@media (max-width: 767px) {
.banner-carousel-div {
  padding: 0;
}
}
.banner-styling {
  max-width: calc(1200px * 0.75);
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.banner-styling p.subtitle {
  width: 90%;
  margin:0 auto;
}
@media (max-width: 767px) {
.banner-styling {
  max-width: 100%;
  padding: 0;
}
}
@media (max-width: 767px) {
.banner-styling p.subtitle {
  font-family: 'HelveticaNeueLT Pro 55 Roman';
  width: 100%;
}
}
.words-wrapper {
  position: relative;
  display: inline-block;
  height: 60px;
  transform: translateY(15px);
}
@media (max-width: 767px) {
.words-wrapper {
  height: 32px;
  transform: translateY(2px);
}
}
.words-wrapper {
  overflow: hidden;
}
.word-slider {
  display: flex;
  flex-direction: column;
  transition: transform 1s ease-in-out;
}
.lift-text {
  display: inline-block;
  line-height: 45px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
.lift-text {
  line-height: 15px;
  padding-top: 10px;
  padding-bottom: 15px;
}
}
.banner-styling p {
  margin-bottom: 0;
  line-height: 24px !important;
}
@media (max-width: 767px) {
.banner-styling p {
  margin: 0 !important;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  padding: 0 10px;
}
}
.banner-padding {
  margin-top: 165px;
  color: #2b2b2b;
  background-color: #f8f8f8;
}
@media (max-width: 767px) {
.banner-padding {
  margin-top: 120px;
  padding: 0 16px;
}
}
@media (max-width: 1439px) {
.banner-padding .subtitle {
  margin-bottom: 20px;
}
}
.banner-padding .book-meeting {
  margin: 32px 0 54px;
}
@media (max-width: 767px) {
.banner-padding .book-meeting {
  margin: 32px 0 26px;
}
}
.banner-padding .book-meeting .buttons {
  display: flex;
  column-gap: 18px;
}
@media (max-width: 767px) {
.banner-padding .book-meeting .buttons {
  flex-direction: column;
}
}
.banner-padding .book-meeting .buttons .contact-us-link {
  width: fit-content;
  padding-top: 4px !important;
}
@media (max-width: 767px) {
.banner-padding .book-meeting .buttons {
  row-gap: 24px;
  align-items: center;
}
}
@media (max-width: 767px) {
.banner-padding .book-meeting .buttons .explore-link .explore-link-text {
  font-size: 14px;
}
}
@media (max-width: 767px) {
.banner-padding .book-meeting .buttons .explore-link .arrow-icon {
  margin-left: 0;
}
}
@media (max-width: 767px) {
.banner-padding .book-meeting .buttons .explore-link .arrow-icon img {
  margin-bottom: 4px;
}
}
body {
  font-family: "HelveticaNeueLT Pro 65 Md" !important;
  color: #2b2b2b;
}
.banner-carousel-div .banner-title {
  font-size: 48px;
  max-width: 1100px;
  margin: 0 auto 30px;
  padding: 0 90px;
  line-height: 1;
}
@media (max-width: 767px) {
.banner-carousel-div .banner-title {
  font-size: 32px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  line-height: 1;
  margin-bottom: 20px;
  padding: 0;
}
}
.banner-carousel-div .banner-title {
  font-family: "Cabinet Grotesk";
  font-weight: 400;
  display: inline-block;
}
.banner-title {
  font-size: 48px;
  margin: 0 auto 30px;
  line-height: 1;
}
@media (max-width: 767px) {
.banner-title {
  font-size: 32px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  margin-bottom: 20px;
  padding: 0;
}
}
.banner-title {
  font-family: "Cabinet Grotesk";
  font-weight: 400;
  display: inline-block;
}
.subtitle {
  margin-top: 0px;
  line-height: 20px;
}
@media (max-width: 767px) {
.subtitle {
  font-size: 16px;
}
}
.banner-carousel-div .subtitle {
  font-size: 18px;
}
@media (min-width: 1024px) {
.banner-carousel-div .subtitle {
  padding: 0vw 60px;
}
}
.review {
  gap: 10px;
  justify-content: center;
  width: fit-content;
  margin: auto;
}
@media (max-width: 767px) {
.review {
  flex-direction: column;
  gap: 0px;
}
}
.font-review {
  font-size: 18px !important;
}
@media (max-width: 767px) {
.font-review {
  font-size: 16px !important;
}
}
.font-review {
  font-family: "HelveticaNeueLT Pro 55 Roman";
}
.span-styling {
  font-family: "HelveticaNeueLT Pro 45 Lt";
  font-size: 16px;
  padding: 0px 5px;
}
.clickable {
  transition: color 0.3s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
.clickable {
  margin-top: 15px;
}
}
.clickable:hover {
  color: #67be83;
}
.border-radius {
  border-radius: 24px 24px 0px 0px;
  width: 100%;
}
@media (max-width: 767px) {
.border-radius {
  width: 80%;
  margin: auto;
}
}
.button-container {
  display: none;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
.button-container {
  display: flex;
}
}
@media (max-width: 767px) {
.button-container {
  display: flex;
}
}
@media (max-width: 767px) {
.banner-carousel-div {
  width: 100%;
}
}
@media (max-width: 767px) {
.banner-carousel-div .clients-carousel {
  padding: 20px 25px !important;
}
}

/* ===== components/optimized-services.scss ===== */
.optimized-services-banner {
  height: fit-content;
  margin-bottom: 100px !important;
}
@media (max-width: 767px) {
.optimized-services-banner {
  margin-bottom: 64px !important;
}
}
.optimized-services-banner .init-circular-div {
  width: fit-content;
}
.optimized-services-banner .banner-image {
  height: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
.optimized-services-banner .banner-image {
  padding: 44px 14px 14px !important;
}
}
.optimized-services-banner h2, .optimized-services-banner p {
  color: #e8e8e8 !important;
}
.optimized-services-banner .title {
  font-size: 32px;
  line-height: 40px;
  font-family: "Cabinet Grotesk" !important;
  font-weight: 500 !important;
  max-width: 325px;
}
@media (max-width: 767px) {
.optimized-services-banner .title {
  font-size: 28px;
  line-height: 32px;
  max-width: 100%;
}
}
@media (max-width: 767px) {
.optimized-services-banner .title br {
  display: inline;
}
}
.optimized-services-banner .content-wrapper {
  align-items: start;
  gap: 20px;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.optimized-services-banner .content-wrapper {
  flex-direction: column;
}
}
.optimized-services-banner .content-wrapper > span {
  max-width: 370px;
}
@media (max-width: 767px) {
.optimized-services-banner .content-wrapper > span {
  max-width: 100%;
}
}
.optimized-services-banner .cards-container {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  width: 100%;
  align-items: stretch;
  margin-top: 64px !important;
}
@media (max-width: 767px) {
.optimized-services-banner .cards-container {
  margin-top: 32px !important;
}
}
.optimized-services-banner .cards-container {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.optimized-services-banner .cards-container::-webkit-scrollbar {
  display: none;
}
.optimized-services-banner .cards-container {
  flex-wrap: nowrap;
}
.optimized-services-banner .service-card {
  background-color: #1d1d1d;
  padding: 28px 21px;
  border-radius: 10px;
  min-width: 150px;
  width: 100%;
  max-width: 230px;
  backdrop-filter: blur(5px);
  justify-content: space-between;
  flex-shrink: 0;
  scroll-snap-align: start;
}
@media (max-width: 767px) {
.optimized-services-banner .service-card {
  height: auto !important;
  gap: 20px;
  min-height: fit-content;
  max-height: 100%;
}
}
.optimized-services-banner .service-card .card-title {
  color: #f8f8f8;
  font-family: "HelveticaNeueLT Pro 55 Roman";
  font-size: 20px;
  line-height: 22px;
}
.optimized-services-banner .service-card .card-index {
  font-size: 16px;
  color: #f8f8f8;
  opacity: 0.4;
  font-family: "HelveticaNeueLT Pro 55 Roman";
}
@media (min-width: 1024px) {
.optimized-services-banner .service-card:nth-child(2), .optimized-services-banner .service-card:nth-child(4) {
  margin-top: 50px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.optimized-services-banner .cards-container {
  overflow-x: scroll;
}
}

/* ===== components/photo-grid.scss ===== */
.photo-grid .photo-column {
  margin-bottom: 20px;
}
.photo-grid .photo {
  margin-bottom: 10px;
  position: relative;
}
.photo-grid .img-fluid {
  height: 100%;
  width: 100%;
  border-radius: 16px;
  object-fit: cover;
}

/* ===== components/project-details.scss ===== */
.project-details {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin: 100px 0 0 !important;
}
.project-details .project-logo {
  width: 120px;
  height: auto;
}
@media (max-width: 767px) {
.project-details .gap {
  gap: 20px;
}
}
.project-details .main-image {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
}
.project-details .intro-description {
  font-size: 20px;
  line-height: 22px;
}
.project-details .social-icon {
  transition: all 0.3s ease;
  transform: none;
  width: 25px;
  margin-bottom: 3px;
}
.project-details .social-icon:hover {
  transform: translateY(-5%);
  transition-duration: 0.3s;
}
@media (max-width: 767px) {
.project-details .invested-description {
  margin-top: 24px !important;
}
}

/* ===== components/service-category-card.scss ===== */
.service-category-card {
  display: block;
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}
.service-category-card:last-child {
  margin-bottom: 0;
}
.service-category-card .init-circular-div {
  width: fit-content;
}
.service-category-card .card-content {
  flex-direction: column;
}
@media (min-width: 1031px) {
.service-category-card .card-content {
  flex-direction: row;
}
}
@media (max-width: 1190px) {
.service-category-card .card-content .small-desktop-width-55 {
  width: 55% !important;
}
}
@media (max-width: 767px) {
.service-category-card .card-content {
  padding: 32px 20px;
}
}
@media (max-width: 767px) {
.service-category-card .card-content .small-desktop-width-55 {
  width: 100% !important;
}
}
@media (max-width: 767px) {
.service-category-card .explore-link {
  margin: unset !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.service-category-card .init-circular-div {
  margin-left: 0px !important;
  gap: 35px !important;
}
}
@media (max-width: 767px) {
.service-category-card .init-circular-div {
  margin-left: 0px !important;
  gap: 35px !important;
}
}
.service-category-card .category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service-category-card .category-number {
  font-size: 18px;
  font-weight: bold;
  color: #67be83;
}
.service-category-card .category-title {
  width: 80%;
}
@media (max-width: 767px) {
.service-category-card .category-title {
  width: 100%;
}
}
.service-category-card .category-title h2 {
  font-family: 'Cabinet Grotesk' !important;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 767px) {
.service-category-card .category-title h2 {
  font-size: 24px;
  line-height: 32px;
}
}
.service-category-card .category-footer {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service-category-card ul {
  list-style-image: url(../../assets/images/arrow.svg);
  background-repeat: no-repeat;
  font-size: 17px;
  padding: 10px;
}
.service-category-card .subtitle {
  font-family: "HelveticaNeueLT Pro 55 Roman" !important;
  padding-left: 5px !important;
}
@media (max-width: 767px) {
.service-category-card .subtitle {
  font-size: 16px !important;
}
}
.service-category-card .keypoints-grid {
  display: grid;
  column-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
}
.service-category-card .keypoints-grid li {
  list-style-image: url(../../assets/images/arrow.svg);
  font-size: 18px;
}
@media (min-width: 1150px) {
.service-category-card .max-width-50 {
  max-width: 50%;
}
}
@media (max-width: 1024px) {
.service-category-card .max-width-50 {
  max-width: 100%;
}
}
@media (min-width: 768px) {
.service-category-card .keypoints-grid {
  grid-template-columns: repeat(2, 1fr);
}
}
.service-category-card .keypoints-grid.three-items {
  grid-template-columns: 1fr;
}
.service-category-card .card-videos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.service-category-card .card-videos-grid video {
  border-radius: 10px;
}
.service-category-card .card-videos-grid .video-wide {
  width: 100% !important;
  max-width: 250px;
  max-width: 100%;
}
@media (min-width: 1031px) {
.service-category-card .card-videos-grid .video-wide {
  max-width: 300px;
}
}
@media (min-width: 1031px) and (max-width: 1190px) {
.service-category-card .card-videos-grid .video-wide {
  max-width: 200px;
}
}
.service-category-card .card-videos-grid .video-column {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 10px;
}
.service-category-card .card-videos-grid .video-column .video-default {
  color: white;
  background-color: #2b2b2b;
  border-radius: 10px;
  max-height: 250px !important;
  height: 200px;
}
.service-category-card .card-videos-grid .init-circular-div {
  margin-left: 0px;
  gap: 35px;
}
.service-category-card .tech-slider-box {
  background-color: #2b2b2b;
  justify-content: space-evenly;
  color: #f8f8f8;
  max-width: 100%;
  width: 100%;
  min-height: 250px;
  border-radius: 10px;
}
.service-category-card .tech-slider-box .tech-item-wrapper {
  height: auto;
  min-height: 100px;
  transition: height 0.3s ease-in-out;
}
.service-category-card .tech-slider-box .tech-item {
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  opacity: 1;
  align-items: center;
  transform: translateY(0);
}
.service-category-card .tech-slider-box .fade-transition {
  animation: fadeInUp 0.6s ease;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.service-category-card .tech-slider-box .tech-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.service-category-card .tech-slider-box .tech-name {
  font-size: 13px;
  color: #f8f8f8;
}
.service-category-card .tech-slider-box .tech-description {
  font-size: 11px;
  line-height: 1.3 !important;
}

/* ===== components/services-categories.scss ===== */
.services-categories {
  margin: 100px 0px;
}
@media (max-width: 767px) {
.services-categories {
  margin: 64px 0px;
}
}
.services-categories .circular-btn-container {
  position: relative;
  bottom: 0;
  right: 0;
}
.services-categories .circular-btn-container .circular-btn {
  background-color: #2b2b2b !important;
}
.services-categories .circular-btn-container .circular-btn:hover {
  background-color: transparent !important;
}
.services-categories .explore-button {
  background: transparent;
  padding: 0;
  border: none;
  outline: none;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.services-categories .explore-button {
  margin-bottom: 0;
}
}
.services-categories .category-item {
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 767px) {
.services-categories .category-item {
  flex-direction: column;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.services-categories .category-item {
  flex-direction: column;
}
}
.services-categories .category-item .content-wrapper {
  align-items: start;
  margin-bottom: 64px !important;
}
@media (max-width: 767px) {
.services-categories .category-item .content-wrapper {
  flex-direction: column;
  margin-bottom: 40px !important;
}
}
.services-categories .category-item .content-wrapper .title {
  padding-top: 0;
  font-size: 24px;
  line-height: 32px;
  font-family: 'Cabinet Grotesk' !important;
  font-weight: 500;
  margin-bottom: 0;
  max-width: 360px;
}
@media (max-width: 767px) {
.services-categories .category-item .content-wrapper .title {
  text-align: left;
  margin: 0 0 24px;
  max-width: 100%;
}
}
.services-categories .category-item .content-wrapper > span {
  max-width: 300px;
}
@media (max-width: 767px) {
.services-categories .category-item .content-wrapper > span {
  max-width: 100%;
}
}
.services-categories .category-item .content-wrapper > span p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
.services-categories .category-item .content-wrapper .padding {
  padding: 0px 22px;
}
}
.services-categories .category-item .content-wrapper .padding:focus {
  outline: none;
}
@media (max-width: 767px) {
.services-categories .category-item .content-wrapper {
  width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.services-categories .category-item .content-wrapper {
  width: 100%;
}
}
.services-categories .category-item .categories-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
.services-categories .category-item .categories-list {
  margin-top: 25px;
}
}
.services-categories .category-item .categories-list .category:hover .secondary-btn {
  border: 1px solid #f8f8f8 !important;
  color: #4d8e62 !important;
  background-color: transparent !important;
}
.services-categories .category-item .categories-list .category {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  border-bottom: 1px dashed #d2d2d2;
  padding: 25px 0px 10px 0px;
}
@media (max-width: 767px) {
.services-categories .category-item .categories-list .category {
  padding: 10px 0px;
}
}
.services-categories .category-item .categories-list .category .category-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.services-categories .category-item .categories-list .category .category-content .category-content-1 {
  display: flex;
  align-items: center;
}
.services-categories .category-item .categories-list .category .category-content .category-number {
  font-family: "HelveticaNeueLT Pro 55 Roman";
  height: fit-content;
  padding: 2px 12px;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2b2b2b;
  color: white;
  border-radius: 50%;
  font-size: 20px;
  margin-bottom: 5px;
}
.services-categories .category-item .categories-list .category .category-content h3 {
  font-size: 20px;
  line-height: 22px;
  width: 80%;
  margin: 0;
  font-family: "HelveticaNeueLT Pro 55 Roman";
  padding-left: 20px;
}
@media (max-width: 767px) {
.services-categories .category-item .categories-list .category .category-content h3 {
  padding-left: 0;
}
}
.services-categories .category-item .categories-list .category .category-content .contact-us-link {
  font-size: 16px;
  height: fit-content;
  padding: 8px 20px 2px 20px !important;
}
.services-categories .category-item .categories-list .category:hover .category-number {
  background-color: #67be83 !important;
}
.services-categories .category-item .categories-list .category:hover h3 {
  color: #67be83;
}

/* ===== components/technologies-used.scss ===== */
.technologies-used {
  margin: 80px 0 100px !important;
}
@media (max-width: 767px) {
.technologies-used {
  margin: 64px 0 0 !important;
}
}
.technologies-used > .title {
  font-size: 32px !important;
  line-height: 40px !important;
  font-family: "Cabinet Grotesk" !important;
  font-weight: 500 !important;
  max-width: 570px !important;
  margin-bottom: 0;
}
@media (max-width: 767px) {
.technologies-used > .title {
  max-width: 100% !important;
  font-size: 28px !important;
  line-height: 32px !important;
  text-align: center !important;
}
}
.technologies-used .col-sm-6 {
  padding: 15px !important;
}
.technologies-used .services-digital-experience {
  background-color: #ffff;
  min-height: 150px;
  border-radius: 10px;
  width: 100%;
  position: relative;
  gap: 20px !important;
}
.technologies-used .services-digital-experience .block-title {
  font-size: 12px !important;
  font-family: "HelveticaNeueLT Pro 55 Roman" !important;
  line-height: 1;
}
.technologies-used .services-digital-experience .subtitle {
  font-size: 10px;
  line-height: 1 !important;
}
.technologies-used .services-digital-experience .services-digital-experience-image {
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
}
.technologies-used .services-digital-experience .gap {
  gap: 10px;
}

/* ===== components/what-we-build.scss ===== */
.what-we-build-section {
  margin: 100px 0;
  position: relative;
  background: transparent;
}
@media (max-width: 767px) {
.what-we-build-section {
  margin: 64px 0;
}
}
.what-we-build-section::before {
  content: "";
  position: absolute;
  display: flex;
  background: url('../../assets/images/what-we-build-bg-image.webp');
  background-position: center;
  background-size: 100% 95%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 767px) {
.what-we-build-section::before {
  background-position: 100% 95%;
  background-size: 100% 55%;
}
}
.what-we-build-wrapper {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 767px) {
.what-we-build-wrapper {
  padding: 0 16px;
}
}
.what-we-build-header {
  display: flex;
  margin: 40px 0;
  width: calc(1240px * 0.2);
}
@media (max-width: 767px) {
.what-we-build-header {
  margin:0 auto 64px;
  padding: 0 16px;
}
}
.what-we-build-card {
  border-radius: 32px;
  overflow: hidden;
  display: flex;
  gap: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
.what-we-build-card {
  flex-direction: column;
  padding: 0;
  gap: 18px;
}
}
.what-we-build-left {
  flex: 0 0 500px;
  display: flex;
  flex-direction: column;
  max-width: 40%;
}
@media (max-width: 767px) {
.what-we-build-left {
  flex: 1 1 auto;
  max-width: 100%;
}
}
.what-we-build-eyebrow {
  font-family: "Cabinet Grotesk";
  font-size: 32px;
  font-weight: 500;
  color: #2b2b2b;
  margin-top: 23px;
  margin-left: 8px;
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
.what-we-build-eyebrow {
  font-size: 28px;
  margin:0;
  text-align: center;
}
}
.what-we-build-image {
  border-radius: 24px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/overall.webp");
  min-height: 340px;
}
@media (max-width: 767px) {
.what-we-build-image {
  min-height: 220px;
}
}
.what-we-build-video {
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  height: 300px;
  object-fit: cover;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: auto;
}
@media (max-width: 767px) {
.what-we-build-video {
  height: auto;
  max-height: 490px;
}
}
.what-we-build-right {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
.what-we-build-right {
  padding: 0 16px;
}
}
.what-we-build-row {
  display: grid;
  grid-template-columns: 60px minmax(0, 2fr) minmax(0, 1fr);
  align-items: flex-start;
  padding: 18px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.what-we-build-row:first-of-type {
  border-top: none;
}
.what-we-build-row:last-of-type {
  border-bottom: none;
}
@media (max-width: 767px) {
.what-we-build-row {
  grid-template-columns: 60px minmax(0, 1.5fr);
  grid-template-rows: auto auto;
  row-gap: 0;
}
}
.what-we-build-row-index {
  font-family: "HelveticaNeueLT Pro 55 Roman", Arial, sans-serif;
  font-size: 14px;
  color: #2B2B2B;
  padding-top: 4px;
}
.what-we-build-row-title {
  font-family: "HelveticaNeueLT Pro 55 Roman", Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: #2b2b2b;
  margin: 0;
  padding-right: 80px;
}
@media (max-width: 767px) {
.what-we-build-row-title {
  font-size: 24px;
  padding-right: 45px;
}
}
.what-we-build-row-description {
  font-family: "HelveticaNeueLT Pro 45 Lt", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
.what-we-build-row-description p {
  margin: 0;
}
@media (max-width: 767px) {
.what-we-build-row-description {
  display: none;
}
}

/* ===== pages/contact.scss ===== */
.contact-page {
  margin-top: 130px;
}
@media (min-width: 1024px) {
.contact-page {
  margin-top: 160px;
}
}
@media (max-width: 767px) {
.contact-page {
  margin-top: 84px;
  padding-top: 24px;
}
}
.contact-page .title-wrapper .carousel-title {
  margin-bottom: 20px;
}
.contact-page .form-info h1 {
  text-align: center;
  line-height: 40px;
  font-size: 32px;
}
@media (max-width: 767px) {
.contact-page .form-info h1 {
  text-align: left;
  display: flex;
}
}
.contact-page .testimonials-carousel {
  margin-top: 40px;
  margin-bottom: 3rem !important;
}
@media (max-width: 767px) {
.contact-page .testimonials-carousel {
  margin-top: 10px;
}
}
.contact-page .contact-linkedin {
  border-radius: 32px;
  border: 5px solid white;
  padding: 20px;
  text-align: center;
}
@media (max-width: 767px) {
.contact-page .contact-linkedin {
  width: 100% !important;
}
}
.contact-page .contact-linkedin p {
  font-size: 16px;
  color: #333;
}
.contact-page .contact-linkedin a {
  display: inline-block;
  margin-top: 10px;
}
.contact-page .faq-container {
  gap: 20px;
}
.contact-page .secondary-book-a-call {
  color: white !important;
  font-size: 17px;
  font-family: "HelveticaNeueLT Pro 55 Roman";
  background-color: #67be83;
  border: none;
  border-radius: 20px;
}
.contact-page .secondary-book-a-call .dark-green-hover {
  text-decoration: underline;
  cursor: pointer;
  text-underline-offset: 2px;
}
.contact-page .location-cards {
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.contact-page .location-cards {
  min-height: 400px;
}
}
@media (max-width: 767px) {
.contact-page .location-cards {
  padding-bottom: 15px;
}
}
@media (max-width: 767px) {
.contact-page .init-circular-div {
  width: 100%;
}
}
.contact-page .card-component .card-component-row {
  margin-top: 30px;
}
@media (max-width: 767px) {
.contact-page .card-component .card-component-row {
  margin-top: 15px;
}
}
@media (max-width: 767px) {
.contact-page .card-component .title, .contact-page .card-component .subtitle {
  text-align: left !important;
}
}
@media (max-width: 767px) {
.contact-page .card-component .title {
  margin-bottom: 20px;
}
}
.contact-page .card-component .subtitle {
  font-size: 14px !important;
}
@media (max-width: 767px) {
.contact-page .location-card-img {
  max-width: 300px !important;
}
}

/* ── Mobile "What we do" drill-in (SrcHeader) ──────────────────────────── */
.header-wrapper .nav-item-services .mini-arrow-container {
  transition: transform 0.25s ease;
}

/* Mobile open menu — dimmed page + floating white panels.
   The page behind stays visible under a translucent scrim (.mobile-nav-overlay,
   rendered by SrcHeader), and the header pill + the menu list each float as their
   own rounded white card — matching the production Sogody mobile menu. */
@media (max-width: 1023px) {
  .header-wrapper .mobile-nav-overlay {
    background: rgba(16, 16, 30, 0.45);
  }
  /* Header pill stays a rounded white card when open (no full-bleed takeover). */
  .header-wrapper .logo-hamburger-div.logo-hamburger-div-opened {
    background: #ffffff !important;
  }
  /* Vertically centre the two icon controls against their neighbours. Both rows are
     flex without an explicit cross-axis alignment, so the X button (vs the logo) and
     the "Set up a Meeting" circular arrow (vs its button) rely on matching heights —
     which drift once the brand font loads. Pin them to the centre. */
  .header-wrapper .logo-hamburger-div { align-items: center; }
  .header-wrapper .init-circular-div { align-items: center; }
  /* Menu list = floating rounded white card below the pill, sized to its content. */
  .header-wrapper .navbar-collapse.show {
    height: auto !important;
    max-height: calc(100dvh - 96px);
    overflow-y: auto;
    background: #ffffff;
    margin: 8px 16px 0;
    border-radius: 16px;
    padding: 10px 12px 16px;
    box-shadow: 0 18px 40px rgba(16, 16, 30, 0.12);
  }
  .header-wrapper .navbar-collapse.show .mobile-nav-content,
  .header-wrapper .navbar-collapse.show .drop-main {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Larger, easier tap target for the services caret; negative margins keep layout. */
  .header-wrapper .nav-item-services .mini-arrow-container {
    padding: 6px 8px;
    margin: -6px -8px -6px 2px;
  }

  /* Right-pointing chevron for the drill-in affordances (base asset points down). */
  .header-wrapper .mini-arrow.navbar-arrow-rotation img { transform: rotate(-90deg) !important; }
  .header-wrapper .mini-arrow.rotated img { transform: rotate(-90deg) !important; width: 9px !important; }

  /* ── "What we do" drill-in ─────────────────────────────────────────────── */
  .header-wrapper .hidden-nav-link { display: none !important; }

  /* "Go Back" row — borderless green header at the top of the services view. */
  .header-wrapper .nav-item.mobile-goback {
    border: none !important;
    padding: 8px 8px 4px !important;
  }
  .header-wrapper .nav-item.mobile-goback .nav-link,
  .header-wrapper .nav-item.mobile-goback .nav-link .mini-arrow img { color: #67be83 !important; }

  .header-wrapper .services-nav-items { gap: 8px; margin-top: 4px; }

  /* Service cards — thumbnail + title + chevron inside the standard nav-item box. */
  .header-wrapper .service-item-nav.nav-item { padding: 8px !important; }
  .header-wrapper .service-nav-link { text-decoration: none; gap: 12px; }
  .header-wrapper .service-nav-link .service-nav-image {
    width: 48px !important;
    height: 48px;
    object-fit: cover;
    border-radius: 10px !important;
    flex: 0 0 auto;
  }
  .header-wrapper .service-nav-link p {
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 1.25;
    color: #2b2b2b;
  }
  .header-wrapper .service-nav-link .mini-arrow-container { margin-left: auto; flex: 0 0 auto; }

  /* "All Solutions" — borderless closing row. */
  .header-wrapper .mobile-all-solutions { text-decoration: none; display: block; margin-top: 4px; }
  .header-wrapper .mobile-all-solutions .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Left padding matches Go Back's total left inset (nav-item 8px + nav-link 8px)
       so both borderless header rows share the same text left edge. */
    padding: 12px 8px 4px 16px;
    color: #2b2b2b;
  }

  /* Unified drill-in chevrons — identical size, aligned to one right-hand column.
     The "What we do" caret (collapsed), Go Back, each service row, and All Solutions
     otherwise inherit different arrow sizes and container margins from the cascade,
     so their chevrons render at different widths and right edges. Normalise here so
     every chevron shares the same format whether the section is collapsed or open. */
  /* These links carry their own right padding; zero it so their chevrons share the
     same right edge as the service rows below (whose links have no right padding). */
  .header-wrapper .nav-item-services .nav-link { padding-right: 0 !important; }

  .header-wrapper .nav-item-services .mini-arrow-container,
  .header-wrapper .services-nav-items .mini-arrow-container {
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    flex: 0 0 auto;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-wrapper .nav-item-services .mini-arrow,
  .header-wrapper .services-nav-items .mini-arrow {
    margin: 0 !important;
    padding: 0 !important;
  }
  .header-wrapper .nav-item-services .mini-arrow img,
  .header-wrapper .services-nav-items .mini-arrow img {
    width: 9px !important;
    height: auto !important;
  }
}