/*
Theme Name: Creative Mindworks
Theme URI: https://creativemindworks.com/
Author: CMW Developer
Author URI: https://creativemindworks.com/
Description: Custom performance-optimized, SEO-focused WordPress Theme for Creative Mindworks.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cmw
*/

/* ============================================================
CMW - General & Secondary Styles (Loaded Deferred/Non-blocking)
============================================================ */
.bg-black {
  background: #000;
}

.bg-black * {
  color: #fff;
}

.footer-section {
  background: radial-gradient(circle at 0% 100%,
      rgba(0, 174, 239, 0.25),
      transparent 50%),
    linear-gradient(180deg, #000, #050b14);
  color: #fff;
  font-size: clamp(1.0000rem, 0.9466rem + 0.1487vw, 1.1250rem);
  padding: clamp(2.5000rem, 1.9656rem + 1.4870vw, 3.7500rem) clamp(0.0000rem, -3.6669rem + 5.9203vw, 3.4375rem) 33px;
}

.footer-heading {
  font-weight: 500;
  margin-bottom: clamp(0.9375rem, 0.7505rem + 0.5204vw, 1.3750rem);
  color: #fff;
  font-size: clamp(1.2500rem, 1.0897rem + 0.4461vw, 1.6250rem);
}

.footer-list-link {
  display: block;
}

.footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #fff;
}

.footer-address .footer-list {
  margin: 0 0 clamp(0.9375rem, 0.8039rem + 0.3717vw, 1.2500rem);
}

.footer-address,
.footer-section .cmw-logo-mark {
  margin-bottom: clamp(1.5625rem, 1.1083rem + 1.2639vw, 2.6250rem);
}

.footer-list-container {
  justify-content: space-evenly;
  row-gap: 25px;
  flex-wrap: nowrap;
}

.footer-social-links {
  gap: 20px;
}

.footer-list li {
  font-weight: 400;
  margin-bottom: clamp(0.6250rem, 0.4112rem + 0.5948vw, 1.1250rem);
  cursor: pointer;
  transition: color 0.25s ease;
}

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

.footer-list li:hover {
  color: var(--cmw-primary);
}

.footer-list-wrapper {
  max-width: max-content;
}

.social-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}

.social-icon:hover {
  background: var(--cmw-primary);
  border-color: var(--cmw-primary);
  color: #fff;
  transform: translateY(-2px);
}

.footer-divider {
  border-color: rgba(255, 255, 255, 0.1);
}

.footer-copy {
  color: var(--cmw-divider);
  font-size: 16px;
  margin-top: clamp(1.5625rem, 0.3601rem + 3.3457vw, 4.3750rem);
}

/* Industries We Serve Layout Css Start */
h2 {
  font-size: clamp(1.6250rem, 1.0372rem + 1.6357vw, 3.0000rem);
  font-weight: 500;
  color: #000;
}

.section-subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 23px;
  font-size: clamp(1.0625rem, 0.9556rem + 0.2974vw, 1.3125rem);
  text-transform: uppercase;
  color: var(--cmw-primary);
  letter-spacing: 1.8px;
  margin: 0;
}

.section-subtitle:before,
.section-subtitle:after {
  content: "";
  width: 100px;
  height: 3px;
  background: #000;
  display: block;
}

.section-head .title {
  margin: 0 0 clamp(1.2500rem, 0.9828rem + 0.7435vw, 1.8750rem);
}

.section-head {
  margin-bottom: clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.7500rem);
}

section.services-section .container {
  max-width: 1660px;
}

.services-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(207px, 1fr));
  gap: 25px 30px;
}

.service-item-content {
  padding: clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.7500rem) clamp(0.9375rem, 0.5367rem + 1.1152vw, 1.8750rem);
  background: #000;
  text-align: center;
  color: var(--cmw-muted);
  height: 100%;
  font-size: 17px;
  font-weight: 300;
  display: block;
}

.service-item-content img {
  max-width: 80px;
  height: auto;
  object-fit: contain;
}

.service-item-title {
  margin: clamp(1.2500rem, 0.8492rem + 1.1152vw, 2.1875rem) 0 10px;
  text-transform: uppercase;
  font-size: clamp(1.0625rem, 0.9556rem + 0.2974vw, 1.3125rem);
  color: var(--cmw-primary);
}

/* Industries We Serve Layout Css End */

/* Project Showcase Layout Block Start */
.project-main-slider .main-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 7.1;
  object-fit: contain;
  object-position: bottom;
}

.project-thumb-slider {
  padding: clamp(1.2500rem, -0.0860rem + 3.7175vw, 4.3750rem) 0 0;
  box-shadow: 0px -20px 30px 0px #0000001C;
}

.project-thumb-slider .thumb-item {
  padding: 0 15px;
  cursor: pointer;
  outline: none;
}

.project-thumb-slider .logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}

.project-thumb-slider .slick-current .logo-wrapper {
  opacity: 1;
}

.project-thumb-slider .logo-wrapper img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  max-height: 96px;
}

.project-thumb-slider .slick-track {
  display: flex;
}

.project-thumb-slider .thumb-item.slick-slide {
  height: auto;
  align-content: center;
}

.project-thumb-slider .slick-current .logo-wrapper img {
  filter: grayscale(0%);
}

/* Project Showcase Layout Block End */
/* Look Inside Layout Block Start */

.stats-bg-image:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #00000066;
}

.stats-image-wrapper .stats-bg-image img {
  width: 100%;
  height: auto;
  display: block;
}

.stats-grid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  z-index: 2;
  width: 80%;
  padding: 0 15px;
  row-gap: clamp(2.5000rem, 0.8968rem + 4.4610vw, 6.2500rem);
}

.stat-item h3,
.counter-stats-number {
  font-size: clamp(1.8750rem, 0.9665rem + 2.5279vw, 4.0000rem);
  line-height: 1;
  font-weight: 500;
  margin: 0;
  color: #fff;
}

.stat-item {
  text-align: center;
  color: #fff;
  font-size: clamp(1.0000rem, 0.8664rem + 0.3717vw, 1.3125rem);
  font-weight: 400;
}

.section-logo {
  margin-top: clamp(1.2500rem, 0.9828rem + 0.7435vw, 1.8750rem);
}
.stats-content {
    height: 100%;
    align-content: center;
}
.stats-image-wrapper {
    position: sticky;
    top: 0;
}
/* Look Inside Layout Block End */
/* Featured Projects Layout Block Start */
.featured-projects-slider .project-slide {
  padding: 0 15px;
  outline: none;
}

.featured-projects-slider {
  margin: 0 -15px;
}

.featured-projects-slider .project-slide .project-card-link {
  transition: all 0.4s ease;
  margin: 0px 0;
  /* This makes the inactive slides smaller without creating false gaps */
  opacity: 0.5;
  position: relative;
}

.featured-projects-slider .project-slide .project-card-link:after {
  /* content: ""; */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #11111133;
  z-index: 1;
  opacity: 0;
}

.featured-projects-slider .project-slide.slick-current .project-card-link {
  margin: 0;
  /* Active slide takes up full space */
  opacity: 1;
}

.project-card-link {
  display: block;
  width: 100%;
  text-decoration: none;
  outline: none;
}

.project-logo-wrapper {
  z-index: 2;
  text-align: center;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.project-logo-wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 300px;
}

.project-card-inner .project-main-img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/15;
  object-fit: cover;
}

.featured-projects-slider .slick-list {
  overflow: visible;
}

.featured-projects-slider .slick-dots {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin: 30px 0 0 0;
}

.featured-projects-slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 40px;
  /* Length of the dash */
  height: 3px;
  /* Thickness of the dash */
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #d3d3d3;
  /* Light grey for inactive */
  transition: background 0.3s ease;
}

.featured-projects-slider .slick-dots li.slick-active button {
  background: #00b4d8;
  /* Cyan blue for active dash */
}

/* Featured Projects Layout Block End */
/* Client Testimonials Slider Layout Block Start */
.client-testimonials-slider .slick-dots {
  display: flex;
  margin: 30px 0 0 clamp(1.2500rem, 0.6087rem + 1.7844vw, 2.7500rem);
  padding: 0;
}

.client-testimonials-slider .slick-dots li {
  list-style: none;
  margin: 0 5px;
  height: auto;
  display: inline-flex;
}

.client-testimonials-section {
  padding-bottom: clamp(6.2500rem, 0.9061rem + 14.8699vw, 18.7500rem);
  margin-bottom: calc(-1 * clamp(3.1250rem, 1.7890rem + 3.7175vw, 6.2500rem));
}

.client-testimonials-slider .slick-dots li.slick-active button {
  background: var(--cmw-primary);
  opacity: 1;
}

.client-testimonials-title {
  font-size: clamp(1.1250rem, 0.9647rem + 0.4461vw, 1.5000rem);
  margin: 0 0 clamp(1.2500rem, 0.6087rem + 1.7844vw, 2.7500rem) clamp(1.5625rem, 1.1676rem + 1.0989vw, 2.5000rem);
  font-weight: 400;
}

.client-testimonials-section .container {
  max-width: 1298px;
}

.testimonial-card {
  margin-left: clamp(1.2500rem, 0.6087rem + 1.7844vw, 2.7500rem);
}

.quote-mark svg {
  width: 89px;
  height: auto;
}

.testimonial-quote {
  font-size: clamp(1.3750rem, 1.0009rem + 1.0409vw, 2.2500rem);
  color: var(--cmw-dark);
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 clamp(1.5625rem, 0.8945rem + 1.8587vw, 3.1250rem);
}

.testimonial-name {
  margin: 0;
}

.testimonial-name,
.testimonial-role {
  font-size: clamp(1.1250rem, 1.0181rem + 0.2974vw, 1.3750rem);
  font-weight: 400;
  color: var(--cmw-dark);
}

.testimonial-role {
  margin-top: 4px;
}

/* Client Testimonials Slider Layout Block End */
/* CTA Layout Block Start */
.cta-section .cta-c-mark {
  position: absolute;
  right: 0;
  width: 50%;
  height: calc(100% - clamp(2.5000rem, 0.8968rem + 4.4610vw, 6.2500rem));
  top: clamp(2.5000rem, 0.8968rem + 4.4610vw, 6.2500rem);
  object-fit: contain;
  object-position: bottom;
}

.cta-left-content {
  max-width: 44ch;
}

.cta-text {
  margin: clamp(1.2500rem, 0.9828rem + 0.7435vw, 1.8750rem) 0 clamp(1.8750rem, 1.3406rem + 1.4870vw, 3.1250rem);
}

.cta-left-content {
  z-index: 1;
}

.cta-section {
  padding: clamp(2.5000rem, -1.7751rem + 11.8959vw, 12.5000rem) 0;
  background: #000;
  color: #fff;
}

.client-testimonials-slider .slick-dots li button {
  width: 40px;
  height: 3px;
  background: var(--cmw-primary);
  border: unset;
  font-size: 0;
  opacity: 0.5;
}

.cta-section .cta-heading {
  color: #fff;
  font-size: clamp(1.8750rem, 0.9665rem + 2.5279vw, 4.0000rem);
  text-transform: capitalize;
}

/* CTA Layout Block End */
/* About Intro Block Start  */

.intro-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.experience-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000000CC;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: clamp(9.3750rem, 6.1687rem + 8.9219vw, 16.8750rem);
  height: clamp(9.3750rem, 6.1687rem + 8.9219vw, 16.8750rem);
}

.experience-badge-inner {
  text-align: center;
  color: #fff;
  padding: 24px 20px;
}

.experience-num {
  font-weight: 600;
  line-height: 1;
  background: linear-gradient(180deg, #b8eaff 0%, #00aeef 55%, #0077b6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  letter-spacing: -2px;
  font-size: clamp(4.3750rem, 2.7718rem + 4.4610vw, 8.1250rem);
}

.experience-label {
  font-weight: 400;
  margin-top: 10px;
  line-height: 1.3;
  color: #ffffff;
  font-size: clamp(1.0000rem, 0.6794rem + 0.8922vw, 1.7500rem);
}

.intro-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro-paragraph {
  margin: 0;
}

/* About Intro Block End  */
/* Unique Blend Layout Block Start */
.unique-blend-section img,
.mission-team-intro-section img {
  display: block;
  object-fit: cover;
}

/* Unique Blend Layout Block End */
/* Mission And Team Intro Layout Block Start */
.mission-content-wrapper {
  margin-left: auto;
  position: relative;
  padding-left: max(15px,
      calc((100vw - 1250px) / 2));
}

.mission-right-img img {
  width: 100%;
}

.mission-content .title {
  max-width: 26ch;
}

.mission-wrapper {
  background: #000;
  padding: clamp(2.5000rem, 1.1640rem + 3.7175vw, 5.6250rem) 0 clamp(5.0000rem, 2.9426rem + 5.7249vw, 9.8125rem);
}

.mission-content * {
  color: #fff;
}

.team-wrapper {
  margin-top: calc(-1 * clamp(2.5000rem, 1.7786rem + 2.0074vw, 4.1875rem));
}

.team-images-wrapper {
  margin-bottom: clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.7500rem);
}

.team-content-wrapper p:first-child {
  margin-top: 0;
}

.team-content-wrapper p:last-child,
.mission-content p:last-child,
.blend-content p:last-child {
  margin-bottom: 0;
}

.team-wrapper img {
  height: 100%;
}

.mission-content img {
  margin-bottom: clamp(1.25rem, 0.9828rem + 0.7435vw, 1.875rem);
}

.mission-team-intro-section:before,
.image-content-section.bg-black:after,
.image_right.image-content-section.bg-black:after {
  content: "";
  position: absolute;
  width: clamp(0.9375rem, -2.7632rem + 4.3860vw, 2.5000rem);
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
}

.unique-blend-left {
  flex-direction: column;
  display: flex;
}

.blend-main-image {
  flex-grow: 1;
}

.blend-main-image .unique-blend-left-img,
.blend-side-image .side-image,
.blend-side-image {
  height: 100%;
}

.image-content-section.bg-black:after {
  top: unset;
  left: unset;
  right: 0;
  bottom: 0;
}

/* Mission And Team Intro Layout Block End */
/* Client Slider Layout Block Start */
/* .clients-section {
    padding-bottom: clamp(3.1250rem, 1.7890rem + 3.7175vw, 6.2500rem);
} */
.logo-marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.logo-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee-scroll 35s linear infinite;
  gap: 80px;
}

.logo-marquee:hover .logo-marquee-track {
  animation-play-state: paused;
}

.logo-marquee-item {
  flex-shrink: 0;
  min-width: 180px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*   filter: grayscale(100%);
  opacity: 0.65; */
  transition: all 0.3s ease;
}

/* .logo-marquee-item:hover {
  filter: grayscale(0%);
  opacity: 1;
} */

.marquee-logo-img {
  max-height: 90px;
  max-width: 180px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}


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

  100% {
    transform: translateX(-50%);
  }
}

/* Client Slider Layout Block End */
/* Project Listing Layout Block Start */

.project-masonry-grid {
  width: 100%;
}

.project-masonry-item {
  padding: 0 15px;
  width: 50%;
  margin-bottom: 30px;
}

.project-masonry-item .project-card-link {
  display: block;
  position: relative;
}

.project-thumb-wrap .project-main-img {
  display: block;
  aspect-ratio: unset;
}

.project-card-inner {
  position: relative;
}

/* .project-card-inner::after {
  content: '';
  position: absolute;
  inset: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
  background: #11111133;
} */

.project-logo-wrapper {
  position: absolute;
  width: 100%;
  z-index: 2;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-logo-wrapper .project-logo {
  max-height: 140px;
  width: auto;
  display: block;
  max-width: 300px;
}

/* Project Listing Layout Block End */
/* Image With Content Layout Block Start */
.image_right .image-content-section-wrapper,
.content-images-section-row.image-first {
  flex-direction: row-reverse;
}

.image_right .image-content-section-content {
  padding-left: max(15px, calc((100vw - 1290px) / 2));
  max-width: 67.2ch;
}

.image_right .image-content-section-image {
  margin-left: auto;
}

.image-content-section-image img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.image-content-section.bg-black {
  padding: clamp(2.5000rem, 1.1640rem + 3.7175vw, 5.6250rem) 0;
}

.image_left .image-content-section-content {
  padding-right: max(15px, calc((100vw - 1290px) / 2));
}

.image-content-section-logo {
  margin-bottom: clamp(1.25rem, 0.9828rem + 0.7435vw, 1.875rem);
}

.image-content-section p {
  margin-bottom: 0;
}
.image-content-section-text ul {
    padding-left: 20px;
    margin: 15px 0;
}
.image-content-section-content {
    height: 100%;
    align-content: center;
}
.image-content-section-image {
	position: sticky;
	top: 0;
}
/* Image With Content Layout Block End */
/* Visual Content ayout Block Start */
.content-images-section p:last-child {
  margin: 0;
}

.content-images-section p {
  margin-top: 0;
}

.content-images-section img {
  width: 100%;
  height: auto;
  display: block;
}

.content-images-section>div:not(.content-images-section > div:last-child) {
  margin-bottom: clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.7500rem);
}

.container-full .content-images-section-row.image-first .content-images-row {
  padding-right: max(15px, calc((100vw - 1280px) / 2));
}

.container-full .content-images-section-row.row.image-second .content-images-row {
  padding-left: max(15px, calc((100vw - 1280px) / 2));
}

.container-full .content-images-section-row.row.image-second .content-images-section-image {
  margin-left: auto;
}

/* Visual Content ayout Block End */
/* Service Listing Layout Block Start */
.services-showcase-content {
  max-width: 45ch;
  /*     padding-left: max(15px, calc((100vw - 1280px) / 2)); */
}
.services-showcase-description {
    margin-bottom: clamp(1.25rem, 0.9828rem + 0.7435vw, 1.875rem);
}
.services-showcase-section>div>div:nth-child(2n) {
  flex-direction: row-reverse;
}

.services-showcase-section>div>div:nth-child(2n) .services-showcase-content {
  margin-left: auto;
}

.services-showcase-section>div>div:not(.services-showcase-section>div>div:last-child) {
  margin-bottom: clamp(1.5625rem, -0.1743rem + 4.8327vw, 5.6250rem);
}

.services-showcase-list {
  padding: 0;
  margin: 0;
}

.services-showcase-list li:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.99214 19.9981C7.34807 19.9983 4.81171 18.9505 2.9388 17.0841C1.06588 15.2178 0.00913333 12.6851 0.000135408 10.0411C-0.00671082 8.72613 0.246115 7.42278 0.744093 6.20578C1.24207 4.98877 1.97541 3.88205 2.90205 2.94908C3.8287 2.01612 4.9304 1.27528 6.144 0.769046C7.35759 0.262811 8.65919 0.00114547 9.97413 -0.00094273C11.2908 -0.00436757 12.5952 0.252263 13.8124 0.754215C15.0296 1.25617 16.1358 1.99356 17.0673 2.92408C17.9989 3.85459 18.7374 4.95991 19.2407 6.1766C19.744 7.39329 20.0021 8.69739 20.0001 10.0141C19.9997 11.3271 19.7404 12.6271 19.237 13.8399C18.7336 15.0526 17.9961 16.1541 17.0665 17.0814C16.137 18.0088 15.0336 18.7437 13.8197 19.2442C12.6058 19.7446 11.3052 20.0008 9.99214 19.9981ZM9.03309 10.9821C8.33309 10.2821 7.65912 9.59906 6.98012 8.92206C6.89651 8.82587 6.79413 8.74777 6.67927 8.69255C6.56442 8.63732 6.43954 8.60613 6.31221 8.60089C6.18488 8.59564 6.0578 8.61646 5.9388 8.66206C5.81979 8.70765 5.71136 8.77707 5.62013 8.86606C5.52718 8.95648 5.45425 9.0654 5.40602 9.18577C5.35779 9.30615 5.33536 9.4353 5.34016 9.56489C5.34497 9.69447 5.3769 9.82161 5.43391 9.93808C5.49092 10.0546 5.5717 10.1578 5.67109 10.2411C6.56376 11.1364 7.45777 12.0304 8.3531 12.9231C8.44315 13.0315 8.55662 13.1182 8.68495 13.1766C8.81328 13.235 8.95312 13.2636 9.09407 13.2602C9.23502 13.2569 9.3734 13.2216 9.49879 13.1572C9.62418 13.0927 9.73336 13.0007 9.81813 12.8881C10.1808 12.4881 10.5425 12.0904 10.9032 11.6951C12.0565 10.4284 13.2098 9.15972 14.3631 7.88906C14.4929 7.76534 14.5843 7.60676 14.6262 7.43238C14.668 7.25799 14.6587 7.07523 14.5991 6.90605C14.5461 6.75053 14.4527 6.61192 14.3284 6.50444C14.2041 6.39697 14.0535 6.3245 13.8919 6.29447C13.7304 6.26444 13.5637 6.27793 13.4091 6.33357C13.2545 6.3892 13.1175 6.48498 13.0121 6.61106C12.0121 7.69706 11.0261 8.79206 10.0341 9.88306L9.03309 10.9821Z' fill='%2300AEEF'/%3E %3C/svg%3E") no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}

.services-showcase-list li {
  padding-left: 35px;
  list-style: none;
  position: relative;
  margin-bottom: 10px;
}

/* Service Listing Layout Block End */
/* Project Details Layout Block Start */
.project-details-section-image:before {
  position: absolute;
  bottom: 28%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  content: "";
}

.project-details-section-image:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  background: #ffffff;
  content: "";
}

.project-details-section-image img {
  z-index: 2;
  position: relative;
}

.project-details-section-title {
  font-size: clamp(1.6250rem, 0.6097rem + 2.8253vw, 4.0000rem);
  max-width: 16ch;
}

.project-details-row {
  margin-bottom: clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.7500rem);
}

.project-details-section {
  padding-top: clamp(2.5000rem, 0.8968rem + 4.4610vw, 6.2500rem);
}

/* Project Details Layout End */
/* Counter Stats  Layout Block Start */
.counter-stats-section {
  padding: clamp(1.8750rem, 1.3406rem + 1.4870vw, 3.1250rem) 0;
}

.counter-stats-label {
  margin: 5px 0 0;
}

/* Counter Stats  Layout Block End */

.blog-filter-section {
  background: #fff;
  padding-bottom: clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.7500rem);
}

.blog-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.blog-filter-btn {
  border: 1px solid var(--cmw-divider);
  background: #fff;
  color: var(--cmw-dark);
  font-size: 15px;
  font-weight: 500;
  padding: 9px 22px;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.blog-filter-btn:hover {
  border-color: var(--cmw-primary);
  color: var(--cmw-primary);
}

.blog-filter-btn.active {
  background: var(--cmw-primary);
  border-color: var(--cmw-primary);
  color: #fff;
}

/* ===================== FEATURED POST ===================== */
.blog-featured-section {
  background: #fff;
  padding: 0 0 clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.7500rem);
}

.blog-featured {
  display: block;
  text-decoration: none;
  color: inherit;

  overflow: hidden;
  position: relative;
}

.blog-featured-img {
  position: relative;

  overflow: hidden;
}

.blog-featured-img img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.blog-featured:hover .blog-featured-img img {
  transform: scale(1.04);
}

.blog-featured-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, transparent 40%, rgba(0, 0, 0, 0.78) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
}

.blog-tag {
  display: inline-block;
  background: var(--cmw-primary);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
  width: fit-content;
}

.blog-featured-title {
  color: #fff;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 600;
  line-height: 1.25;
  max-width: 720px;
  margin-bottom: 14px;
}

.blog-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.blog-meta .dot-sep {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--cmw-primary);
  display: inline-block;
}

/* ===================== POST GRID ===================== */
.blog-grid-section {
  background: #fff;
}

#blogCardRow,
.blog-related-section .row {
  row-gap: 30px;
}

.blog-card {
  display: block;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid #eee;

  overflow: hidden;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}

.blog-card-img {
  overflow: hidden;
  position: relative;
}

.blog-card-img img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.blog-card:hover .blog-card-img img {
  transform: scale(1.06);
}

.blog-card-tag {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--cmw-primary);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 16px;
}

.blog-card-body {
  padding: 24px;
}

.blog-card-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--cmw-dark);
  margin-bottom: 12px;
  transition: color 0.25s ease;
}

.blog-card:hover .blog-card-title {
  color: var(--cmw-primary);
}

.blog-card-excerpt {
  font-size: 15px;
  line-height: 1.65;
  color: var(--cmw-text);
  margin-bottom: 18px;
}

.blog-card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: var(--cmw-muted);
}

.blog-card-meta .dot-sep {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--cmw-primary);
  display: inline-block;
}

/* ===================== PAGINATION ===================== */
.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: clamp(1.5625rem, 0.6273rem + 2.6022vw, 3.7500rem);
}

.blog-page-btn:disabled {
  opacity: 0.5;
  cursor: no-drop;
}

.blog-page-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--cmw-divider);
  background: #fff;
  color: var(--cmw-dark);
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
}

.blog-page-btn:hover,
.blog-page-btn.active {
  background: var(--cmw-primary);
  border-color: var(--cmw-primary);
  color: #fff;
}

.blog-page-btn:hover svg path {
  fill: #fff;
}

/* ==========================================================================
   BLOG DETAILS PAGE
   ========================================================================== */

.blog-single-hero {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, transparent 30%, rgba(0, 0, 0, 0.82) 100%),
    url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1920&q=80') center / cover no-repeat;
  position: relative;
  color: #fff;
  overflow: hidden;
}

.blog-single-hero::before {
  content: '';
  position: absolute;
  top: -180px;
  right: -220px;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 174, 239, 0.22), transparent 60%);
  pointer-events: none;
  z-index: 1;
}

.blog-single-hero-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 170px;
  padding-bottom: 64px;
}

.blog-single-title {
  font-size: clamp(34px, 4.5vw, 58px);
  font-weight: 600;
  line-height: 1.15;
  color: #fff;
  max-width: 900px;
  margin: 18px 0 22px;
}

.blog-single-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  color: rgba(255, 255, 255, 0.85);
}

.blog-article h1:after,
.blog-article h2:after,
.blog-article h3:after,
.blog-article h4:after,
.blog-article h5:after,
.blog-article h6:after {
  content: "";
  width: 100px;
  height: 2px;
  display: block;
  background: var(--cmw-primary);
  margin-top: clamp(0.6250rem, 0.4914rem + 0.3717vw, 0.9375rem);
}

.blog-article h1,
.blog-article h2,
.blog-article h3,
.blog-article h4r,
.blog-article h5,
.blog-article h6 {
  color: #000;
}

.blog-single-meta .author-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.6);
}

.blog-single-meta .dot-sep {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--cmw-primary);
  display: inline-block;
}

/* ===================== ARTICLE BODY ===================== */
.blog-article-section {
  background: #fff;
  padding: clamp(2.5000rem, 1.6984rem + 2.2305vw, 4.3750rem) 0;
}

.blog-article {
  max-width: 760px;
  margin: 0 auto;
}

.blog-article p:not(blockquote p) {
  font-size: 17px;
  line-height: 1.8;
  color: var(--cmw-text);
  margin-bottom: clamp(0.9375rem, 0.6970rem + 0.6691vw, 1.5000rem);
}

.blog-article img {
  display: block;
}

.blog-article p:first-child {
  margin-top: 0;
}

.blog-article h2 {
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 600;
  color: var(--cmw-dark);
  margin: clamp(1.2500rem, 0.9828rem + 0.7435vw, 1.8750rem) 0 8px;
}

.blog-article h2+.cmw-divider {
  width: 70px;
  height: 3px;
  margin-bottom: 24px;
}

.blog-article h3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--cmw-dark);
  margin: 32px 0 14px;
}

.blog-article ul {
  margin: 0 0 24px;
  padding-left: 22px;
}

.blog-article ul li {
  font-size: 17px;
  line-height: 1.8;
  color: var(--cmw-text);
  margin-bottom: 10px;
}

.blog-article ul li::marker {
  color: var(--cmw-primary);
}

.blog-article a {
  color: var(--cmw-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--cmw-primary);
}

.blog-article strong {
  font-weight: 600;
}

.blog-article-img {
  width: 100%;

  margin: 16px 0 40px;
  display: block;
}

blockquote {
  border-left: 4px solid var(--cmw-primary);
  padding: 8px 0 8px clamp(0.9375rem, 0.6703rem + 0.7435vw, 1.5625rem);
  margin: clamp(1.2500rem, 0.8492rem + 1.1152vw, 2.1875rem) 0;
  font-size: clamp(1.1250rem, 1.0181rem + 0.2974vw, 1.3750rem);
  font-style: italic;
  line-height: 1.55;
  color: var(--cmw-dark);
  font-weight: 500;
}

blockquote p {
  margin: 0;
}

/* tags + share */
.blog-tags-row {
  max-width: 760px;
  margin: clamp(1.2500rem, 0.7156rem + 1.4870vw, 2.5000rem) auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px 20px;
  padding-top: clamp(1.2500rem, 0.7156rem + 1.4870vw, 2.5000rem);
  border-top: 1px solid #eee;
}

.blog-tags {
  flex-wrap: wrap;
  gap: 10px;
}

.blog-pill {
  background: #f4f4f4;
  color: var(--cmw-text);
  border-bottom: 1px solid var(--cmw-primary);
  font-size: 13px;
  font-weight: 500;
  padding: 7px 16px;
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.25s ease;
}

.blog-pill:hover {
  background: var(--cmw-primary);
  color: #fff;
}

.blog-share {
  margin-left: auto;
  display: flex;
  gap: 10px;
}

.blog-share a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--cmw-divider);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--cmw-dark);
  transition: all 0.25s ease;
}

.blog-share a:hover {
  background: var(--cmw-primary);
  border-color: var(--cmw-primary);
  color: #fff;
}

/* author box */
.blog-author-box {
  max-width: 760px;
  margin: 50px auto 0;
  display: flex;
  gap: 22px;
  align-items: center;
  background: #f8f9fa;

  padding: 28px;
}

.blog-share a svg {
  max-width: 75%;
  fill: var(--cmw-primary);
}

.blog-share a:hover svg {
  fill: #fff;
}

.blog-author-box img {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.blog-author-box h5 {
  font-size: 18px;
  font-weight: 600;
  color: var(--cmw-dark);
  margin-bottom: 6px;
}

.blog-author-box p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--cmw-text);
  margin: 0;
}

.blog-related-section {
  background: #fff;
  padding: clamp(2.5000rem, 1.6984rem + 2.2305vw, 4.3750rem) 0 clamp(3.1250rem, 1.7890rem + 3.7175vw, 6.2500rem);
}

.category-grid-section {
  padding: clamp(3.1250rem, 1.7890rem + 3.7175vw, 6.2500rem) 0;
}

.bg-black-half {
  background: #FFF;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(0, 0, 0, 1) 0%);
}

/* Project Gallery Css */
.project-gallery-section {
  padding: 90px 0;
}

.project-gallery-grid {

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;

}

.gallery-item {
  overflow: hidden;
  cursor: pointer;
  position: relative;

}

.gallery-item img {

  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  aspect-ratio: 16/12;
  transition: .5s;

}

.gallery-item:hover img {

  transform: scale(1.08);

}

.gallery-item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.gallery-item:after {

  content: "+";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .45);
  color: #fff;
  font-size: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: .3s;

}

.gallery-item:hover:after {

  opacity: 1;

}

.slick-lightbox .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  z-index: 2;
  cursor: pointer;
  font-size: 0;
  display: flex;
  align-items: center;
  border: unset;
  justify-content: center;
  background: #fff;
  padding: 12px;
}

.slick-lightbox .slick-arrow:after {
  content: "⥳";
  width: 30px;
  height: 30px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13.9301 6L20.0001 12.07L13.9301 18.14" stroke="%23000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 12.0698H19.83" stroke="%23000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
  display: block;
  background-size: contain;
}

.slick-lightbox .slick-arrow.slick-prev:after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.0699 18L3.99995 11.93L10.0699 5.86" stroke="%23000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 11.9302L4.17 11.9302" stroke="%23000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
  background-size: contain;
}

.slick-lightbox .slick-arrow:hover:after,
.slick-lightbox .slick-arrow:focus:after {
  filter: brightness(0.5) invert(1);
}

.slick-lightbox .slick-arrow:hover,
.slick-lightbox .slick-arrow:focus {
  background: var(--cmw-primary);
}

.slick-lightbox .slick-lightbox-close {
  height: 40px;
  width: 40px;
}

.slick-lightbox .slick-lightbox-close:before {
  font-size: 40px;
}

@media (min-width: 991.5px) {

  .stats-image-wrapper,
  .intro-image-wrap,
  .mission-content,
  .image-content-section-image,
  .container-full .content-images-section-row.image-first .content-images-section-image,
  .container-full .content-images-section-row.row.image-second .content-images-section-image,
  .contact-cta-section-image {
    max-width: 95%;
  }

  .stats-content,
  .into-content {
    max-width: 50ch;
    padding-right: 30px;
  }

  .contact-cta-section-content {
    max-width: 46ch;
  }

  .contact-cta-section-description {
    max-width: 42ch;
  }

}

@media (max-width: 1499px) {

  .mission-content,
  .image-content-section-content {
    max-width: 95%;
    padding-left: 25px;
  }

  .image_left .image-content-section-content {
    margin-right: 35px;
  }

  .bg-black.image_left .image-content-section-content {
    padding-left: 0;
  }

  .bg-black.image_right .image-content-section-content {
    padding-left: 45px;
  }
}

@media (max-width: 1320.5px) {

  .mission-content-wrapper,
  .image_left:not(.bg-black.image_left) .image-content-section-content {
    padding-left: 35px;
  }

  .image_left:not(.bg-black.image_left) .image-content-section-content {
    padding-left: 0;
  }

}

@media (max-width: 1199.5px) {
  .footer-list-container .footer-list-wrapper {
    max-width: 25%;
    width: 100%;
  }

  .footer-list-container {
    margin-top: clamp(1.8750rem, 1.3406rem + 1.4870vw, 3.1250rem);
  }

  .services-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}

@media (max-width: 991.5px) {

  .footer-list-container {
    flex-wrap: wrap;
    margin-top: clamp(1.5625rem, 0.8945rem + 1.8587vw, 3.1250rem);
  }

  .footer-list-container .footer-list-wrapper {
    max-width: 50%;
  }

  .stats-content,
  .into-content,
  .image_right .image-content-section-content,
  .image_left .image-content-section-content {
    padding: clamp(1.8750rem, 1.0111rem + 2.4038vw, 2.5000rem) 15px 0;
  }

  .about-intro .row {
    flex-direction: column-reverse;
  }

  .image_right .image-content-section-content,
  .image_left.image-content-section-content,
  .image-content-section-content {
    max-width: 100%;
  }

  .mission-content {
    padding-left: 0;
  }

  .mission-team-intro-section:before,
  .image-content-section.bg-black:after {
    display: none;
  }

  .mission-content-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .image_left:not(.bg-black.image_left) .image-content-section-content {
    padding-left: 15px;
  }

  .image_left .image-content-section-content {
    margin-right: 0;
  }

  .image-content-section.bg-black.image_left,
  .image-content-section.bg-black.image_right {
    padding-bottom: 0;
  }

  .container-full .content-images-section-row.image-first,
  .bg-black.image_left .image-content-section-content,
  .bg-black.image_right .image-content-section-content {
    padding-left: 15px;
  }

  .image-content-section.image_right .image-content-section-wrapper,
  .image-content-section.bg-black.image_left .image-content-section-wrapper {
/*     flex-direction: column-reverse; */
    row-gap: clamp(1.8750rem, 1.0111rem + 2.4038vw, 2.5000rem);
  }

  .image-content-section.image_right .image-content-section-wrapper .image-content-section-content {
    padding-top: 0;
  }

  .container-full .content-images-section-image {
    padding-right: 15px;
  }

  .bg-black .image-content-section-content,
  .into-content {
    padding-top: 0;
  }

  .services-showcase-section>div>div,
  .services-showcase-section>div>div:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .services-showcase-section>div>div:nth-child(2n) .services-showcase-content,
  .services-showcase-content {
    margin-left: unset;
    max-width: 100%;
  }

  .project-logo-wrapper img {
    max-width: 200px;
  }

  .project-details-section-image:before {
    height: 20%;
  }

  .blog-featured-img img {
    height: 360px;
  }

  .blog-featured-overlay {
    padding: 26px;
  }

  .blog-share {
    margin-left: unset;
  }

  .blog-tags-row {
    flex-wrap: wrap;
  }

  .cta-section .col-lg-7 {
    max-width: 80%;
  }

  .project-logo-wrapper .project-logo {
    max-height: 120px;
    max-width: 240px;
  }

  .project-details-section-title {
    max-width: 100%;
  }

  .image-content-section-content {
    max-width: 100%;
  }

  .project-gallery-grid {

    grid-template-columns: repeat(2, 1fr);

  }

  .gallery-slider {

    width: 100%;

  }
	
	.image-content-section.mobile-content-first .image-content-section-wrapper {
        display: flex;
        flex-direction: column-reverse;
		row-gap: clamp(1.8750rem, 1.0111rem + 2.4038vw, 2.5000rem);
    }
    .image-content-section.mobile-image-first .image-content-section-wrapper {
        display: flex;
        flex-direction: column;
		row-gap: clamp(1.8750rem, 1.0111rem + 2.4038vw, 2.5000rem);
    }
	.image_right .image-content-section-content, .image_left .image-content-section-content,.image-content-section.bg-black.mobile-image-first {
    padding-top: 0;
}
.image-content-section.bg-black.mobile-image-first {
    padding-bottom: clamp(2.5000rem, 1.1640rem + 3.7175vw, 5.6250rem);
}
}

@media (max-width: 767.5px) {
  .stats-grid {
    width: 95%;
  }

  .project-masonry-item {
    width: 100%;
    padding: 0;
  }

  .project-details-section-image:before {
    height: 15%;
  }
}

@media (max-width: 575.5px) {
  .footer-list-container .footer-list-wrapper {
    max-width: 100%;
  }

  .section-subtitle:before,
  .section-subtitle:after {
    width: 60px;
  }

  .section-subtitle {
    gap: 15px;
  }

  .project-details-section-image:before {
    height: 12%;
  }

  .project-thumb-slider .logo-wrapper img {
    max-height: 70px;
  }

  .blog-hero-inner {
    padding-top: 150px;
  }

  .blog-featured-img img {
    height: 280px;
  }

  .blog-author-box {
    flex-direction: column;
    text-align: center;
  }

  .blog-share {
    margin-left: 0;
  }

  .single-post .subpage-banner-title {
    font-size: clamp(1.6250rem, 0.6097rem + 2.8253vw, 4.0000rem);
  }

  .project-gallery-grid {

    grid-template-columns: 1fr;
    gap: 15px;

  }
}

.featured-projects-slider .project-slide {
  transform: scale(.9);
  transition: all .3s ease-in-out;
}

.featured-projects-slider .project-slide.slick-current {
  transform: scale(1);
}

/* .featured-projects-slider .slick-track {
	display: flex;
	align-items: center;
} */

.showcase-img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 10s linear;
}


.mockup-viewport:hover img {
  transform: translateY(calc(-100% + 100%));
}

.mockup-viewport {
  border: 3px solid rgba(129, 129, 129, 1);
  overflow: hidden;
  border-radius: 30px;
  height: 75vh;
  scrollbar-width: none;
}

.showcase-mockups-wrapper {
  position: relative;
  padding-bottom: 66px;
}

.showcase-desktop-mockup {
  width: 88%;
}

.showcase-mobile-mockup {
  max-width: 300px;
  position: absolute;
  right: 0;
  width: 100%;
  bottom: 0;
}

.mockup-scroll-container {
  position: relative;
  /* height: 100%; */
}

@media (max-width: 575.5px) {
  .slick-lightbox .slick-arrow {
    padding: 5px;
  }
	.cta-section .col-lg-7 {
    max-width: 95%;
}
}

/* CMW: contact form dropdowns (added Oct 7, 2026) */
.cmn-form select{width:100%;height:51px;padding:0 44px 0 15px;background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.2);border-radius:0;font-size:15px;font-family:inherit;line-height:1.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px;cursor:pointer}
.cmn-form select:focus{outline:none;border-color:#00aeef}
.cmn-form select option{color:#0b1626;background:#fff}
.cmn-form .form-note{margin:0;color:rgba(255,255,255,.6);font-size:13px}


/* CMW: showcase band - full-width dark background behind project showcase slider */
.project-showcase-section .project-main-slider{background:#333;box-shadow:0 0 0 100vmax #333;clip-path:inset(0 -100vmax);padding:clamp(20px,3vw,48px) 0 clamp(10px,2vw,24px)}

/* CMW: showcase slider arrows */
.project-main-slider .cmw-sl-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:120px;padding:0;border:0;background:transparent;color:#fff;opacity:.6;cursor:pointer;transition:opacity .25s,transform .25s}
.project-main-slider .cmw-sl-arrow svg{width:100%;height:100%;display:block}
.project-main-slider .cmw-sl-arrow:hover,.project-main-slider .cmw-sl-arrow:focus-visible{opacity:1}
.project-main-slider .cmw-sl-prev{left:-64px}
.project-main-slider .cmw-sl-next{right:-64px}
.project-main-slider .cmw-sl-prev:hover{transform:translateY(-50%) translateX(-4px)}
.project-main-slider .cmw-sl-next:hover{transform:translateY(-50%) translateX(4px)}
@media (max-width:1399px){.project-main-slider .cmw-sl-arrow{width:34px;height:90px;background:rgba(0,0,0,.35);border-radius:6px;padding:8px 6px}.project-main-slider .cmw-sl-prev{left:4px}.project-main-slider .cmw-sl-next{right:4px}}
@media (max-width:767px){.project-main-slider .cmw-sl-arrow{width:26px;height:64px}}

/* CMW: social reels grid */
.cmw-reels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.cmw-reel{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#0a0f18;box-shadow:0 14px 30px rgba(5,11,20,.25)}
.cmw-reel iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:767px){.cmw-reels{grid-template-columns:repeat(2,1fr)}}
.image-content-section-wrapper > .col-lg-6:has(.cmw-reels){flex:0 0 100%;max-width:100%}
.image-content-section-wrapper > .col-lg-6:has(.cmw-reels) .image-content-section-text > p{max-width:760px}

/* CMW: single phone video */
.cmw-vid-wrap{display:flex;gap:48px;align-items:center}
.cmw-vid-text{flex:1 1 auto}
.cmw-reel.cmw-reel-phone{flex:0 0 300px;width:300px;aspect-ratio:9/19;border-radius:46px;padding:12px;background:#0a0f18;box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 0 0 2px #2a3442}
.cmw-reel.cmw-reel-phone iframe{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:36px}
.cmw-reel.cmw-reel-phone video{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:36px;object-fit:cover}
@media (max-width:991px){.cmw-vid-wrap{flex-direction:column;align-items:flex-start}.cmw-reel.cmw-reel-phone{align-self:center}}
.image-content-section-wrapper > .col-lg-6:has(.cmw-vid-wrap){flex:0 0 100%;max-width:100%}

/* CMW: phone video fix - exact 9:16 screen so the video is never cropped or squared */
.cmw-vid-wrap .cmw-reel.cmw-reel-phone{flex:0 0 auto!important;width:320px!important;height:auto!important;aspect-ratio:auto!important;padding:12px!important;box-sizing:border-box}
.cmw-vid-wrap .cmw-reel.cmw-reel-phone::before{content:"";display:block;width:100%;padding-top:177.78%}
.cmw-vid-wrap .cmw-reel.cmw-reel-phone iframe,.cmw-vid-wrap .cmw-reel.cmw-reel-phone video{inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;border-radius:30px!important;background:#000}
.cmw-vid-wrap .cmw-reel.cmw-reel-phone{border-radius:42px!important}
@media (max-width:991px){.cmw-vid-wrap .cmw-reel.cmw-reel-phone{width:280px!important}}


/* Rendering gallery: uniform tiles + lightbox (v1.0.8) */
.project-gallery-grid .gallery-item{overflow:hidden;border-radius:14px;background:#111;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.project-gallery-grid .project-gallery-link{display:block;cursor:zoom-in}
.page-id-1128 .project-gallery-grid .gallery-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .6s ease,opacity .3s}
.page-id-1128 .project-gallery-grid .gallery-item:hover .gallery-image{transform:scale(1.04)}
.page-id-1128 .project-gallery-section{padding:20px 0 90px}
.cmw-lb{position:fixed;inset:0;z-index:100000;background:rgba(8,10,14,.94);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.cmw-lb.open{opacity:1;pointer-events:auto}
.cmw-lb img{max-width:92vw;max-height:86vh;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.cmw-lb button{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1}
.cmw-lb button:hover{background:rgba(255,255,255,.2)}
.cmw-lb .lb-x{top:24px;right:24px}.cmw-lb .lb-p{left:24px;top:50%;transform:translateY(-50%)}.cmw-lb .lb-n{right:24px;top:50%;transform:translateY(-50%)}
.cmw-lb .lb-c{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#c9d2dc;font-size:14px;padding:0 20px}
@media(max-width:767px){.cmw-lb .lb-p,.cmw-lb .lb-n{top:auto;bottom:60px;transform:none}}

/* Real Estate samples gallery (v1.0.9) */
.page-id-359 .project-gallery-grid .gallery-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .6s ease}
.page-id-359 .project-gallery-grid .gallery-item:hover .gallery-image{transform:scale(1.04)}
.page-id-359 .project-gallery-section{padding:10px 0 90px}
.page-id-359 img[src*="re-developer-brands-logo-wall"],.page-id-359 img[src*="-website"],.page-id-359 img[src*="re-awards-recognition"]{object-fit:contain!important;object-position:center!important;background:transparent}
img[src*="pr-as-featured-in-media"]{object-fit:contain!important;object-position:center!important}
img[src*="condo-conversion-launch-roadmap"],img[src*="condo-conversion-sales-toolkit"]{object-fit:contain!important;object-position:center!important}
img[src*="cmw-pv-"]:not([src*="cmw-pv-hero"]){object-fit:contain!important;object-position:center!important}

/* Mobile menu (v1.0.14) */
.cmw-mobile-all{display:none!important}
@media (max-width:991px){#mainNav .sub-menu .cmw-mobile-all{display:block!important}#mainNav .sub-menu .cmw-mobile-all a{color:#00aeef!important;font-weight:500}#mainNav .sub-menu .cmw-mobile-all{margin:4px 0 10px}#mainNav .menu-item-has-children>a{cursor:pointer}}

/* AI hub cards: 3 per row (v1.0.16) */
@media (min-width:992px){.page-id-768 .services-section .services-wrapper{grid-template-columns:repeat(3,1fr)!important;max-width:1100px;margin-left:auto;margin-right:auto}}

/* Client logo strip: grayscale, color on hover (v1.0.17) */
.clients-section img{filter:grayscale(1);opacity:.6;transition:filter .35s ease,opacity .35s ease}
.clients-section img:hover{filter:grayscale(0);opacity:1}
.clients-section .marquee-logo-img{max-height:70px!important;max-width:170px;width:auto!important;object-fit:contain}

/* CMW footer refinement: quieter link columns, clear hierarchy */
.footer-section .footer-tagline{color:rgba(255,255,255,.62);font-size:15px;line-height:1.6;max-width:320px;margin:0 0 22px}
.footer-section .footer-address .footer-heading,.footer-section .footer-list-wrapper .footer-heading{font-size:13px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin-bottom:20px!important}
.footer-section .footer-list-wrapper .footer-list li{margin-bottom:12px!important}
.footer-section .footer-list-wrapper .footer-list a{font-size:15px!important;color:rgba(255,255,255,.66)!important;transition:color .25s ease}
.footer-section .footer-list-wrapper .footer-list a:hover,.footer-section .footer-list-wrapper .footer-list a:focus{color:#fff!important}
.footer-section .footer-list-wrapper .footer-list li:last-child a[href*="/services/"],.footer-section .footer-list-wrapper .footer-list li:last-child a[href*="/industries/"],.footer-section .footer-list-wrapper .footer-list li:last-child a[href*="/ai-powered-creative-marketing/"]{color:#2aa8df!important}

/* CMW hero: keep the subline clear of the CMW photo letters on large screens */
@media (min-width:992px){.hero-section .hero-content{margin-bottom:clamp(0px,0.4vw,10px)!important}.hero-section .hero-inner{padding-top:clamp(96px,7.5vw,124px)}.hero-section .hero-eyebrow{margin-bottom:12px!important}.hero-section .hero-headline{margin-bottom:12px!important}.hero-section .hero-divider-line{margin-bottom:12px!important}}

/* CMW logos: never show the gray loading box behind logos; keep light logos legible in grayscale */
img.project-logo.skeleton-loading,.logo-wrapper img.skeleton-loading,.marquee-logo-img.skeleton-loading,.clients-section img.skeleton-loading{background:none!important;animation:none!important}
.project-thumb-slider .logo-wrapper img{filter:grayscale(100%) brightness(.5) contrast(1.2);opacity:.9;transition:filter .3s ease,opacity .3s ease}
.project-thumb-slider .slick-current .logo-wrapper img,.project-thumb-slider .thumb-item:hover .logo-wrapper img{filter:none;opacity:1}
.clients-section img{filter:grayscale(1) brightness(.65) contrast(1.1)!important;opacity:.75!important}
.clients-section img:hover{filter:none!important;opacity:1!important}

/* CMW: author box shows name only; bio/title stay in search & AI data */
.blog-author-box p{display:none!important}

/* CMW contact form: hide the form after sending and show a green confirmation */
.wpcf7.cmw-sent form > *:not(.wpcf7-response-output){display:none!important}
.wpcf7 form.sent .wpcf7-response-output{display:block!important;margin:0!important;padding:28px 30px 28px 70px!important;border:0!important;border-radius:14px;background:#e9f8ef;color:#13703a;font-size:18px;line-height:1.55;font-weight:500;position:relative;box-shadow:0 8px 30px rgba(19,112,58,.12)}
.wpcf7 form.sent .wpcf7-response-output::before{content:"\2713";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#1f9d55;color:#fff;font-size:18px;line-height:32px;text-align:center;font-weight:700}

/* CMW project cards: clean image + client logo caption bar (work is never covered) */
.project-card-inner{position:relative;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(10,20,40,.08)}
.project-card-inner .project-main-img{transition:transform .6s ease}
.project-card-inner:hover .project-main-img{transform:scale(1.03)}
.cmw-card-overlay{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px;padding:14px 20px;background:#fff;border-top:1px solid #eef0f4;pointer-events:none}
.cmw-card-logo{display:block;width:auto!important;height:auto!important;max-height:50px;max-width:58%;object-fit:contain;object-position:left center}
.cmw-card-name{color:#0b0f19;font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.3}
.cmw-card-view{flex-shrink:0;color:#2aa8df;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:transform .35s ease}
.cmw-card-view::after{content:" \2192"}
.project-card-inner:hover .cmw-card-view{transform:translateX(4px)}

/* ===== Patient handout modal ===== */
.cmw-handout-cta{margin-top:28px}
.cmw-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}
.cmw-modal:target,.cmw-modal.is-open{display:flex}
.cmw-modal-backdrop{position:absolute;inset:0;background:rgba(9,18,32,.72);backdrop-filter:blur(3px);cursor:default}
.cmw-modal-panel{position:relative;width:100%;max-width:720px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:18px;padding:clamp(24px,4vw,44px);box-shadow:0 30px 80px rgba(0,0,0,.35);animation:cmwModalIn .28s ease-out}
@keyframes cmwModalIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.cmw-modal-close{position:absolute;top:12px;right:16px;font-size:30px;line-height:1;color:#444;text-decoration:none;padding:6px}
.cmw-modal-close:hover{color:var(--cmw-primary)}
.cmw-modal-title{font-size:clamp(24px,3vw,32px);margin:0 0 10px;padding-right:30px}
.cmw-modal-sub{color:#666;margin:0 0 24px}
.cmw-hf p{margin:0 0 16px}
.cmw-hf label{display:block;font-size:14px;font-weight:500;color:#222}
.cmw-hf label span{font-weight:400;color:#888;font-size:13px}
.cmw-hf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.cmw-hf input[type=text],.cmw-hf input[type=email],.cmw-hf input[type=tel],.cmw-hf textarea{width:100%;margin-top:6px;padding:12px 14px;border:1px solid #d6dbe1;border-radius:10px;font:inherit;font-size:15px;background:#fafbfc;transition:border-color .2s,box-shadow .2s}
.cmw-hf input:focus,.cmw-hf textarea:focus{outline:none;border-color:var(--cmw-primary);box-shadow:0 0 0 3px rgba(41,168,224,.18);background:#fff}
.cmw-hf input[type=file]{display:block;width:100%;margin-top:6px;padding:16px;border:2px dashed #c7d3de;border-radius:12px;background:#f5f9fc;font-size:14px;cursor:pointer}
.cmw-hf input[type=file]:hover{border-color:var(--cmw-primary)}
.cmw-hf-note{font-size:13px;color:#8a5a00;background:#fff7e6;border-radius:8px;padding:10px 12px}
.cmw-hf-ok{font-size:14px;color:#333}
.cmw-hf-ok input{margin-right:8px}
.cmw-hf .wpcf7-submit{background:var(--cmw-primary);border:1px solid var(--cmw-primary);color:#fff;border-radius:50px;padding:14px 40px;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
.cmw-hf .wpcf7-submit:hover{opacity:.88}
.cmw-hf .wpcf7-submit:disabled{opacity:.5;cursor:not-allowed}
.cmw-handout-form .wpcf7-response-output{margin:16px 0 0!important;border-radius:10px;padding:12px 14px!important}
.cmw-handout-form.sent .cmw-hf{display:none}
.cmw-handout-form.sent .wpcf7-response-output{border-color:#2e9d5b!important;background:#eefaf2;color:#1d6b3c;font-size:16px}
body.cmw-modal-lock{overflow:hidden}
@media (max-width:600px){.cmw-hf-grid{grid-template-columns:1fr}.cmw-modal{padding:10px}.cmw-modal-panel{border-radius:14px}}

/* ===== Featured projects slider arrows ===== */
.featured-projects-section{overflow:clip}
.cmw-slider-nav .slick-dots{list-style:none;gap:8px;padding:0;justify-content:center;align-items:center}
.cmw-slider-nav .slick-dots li{margin:0;padding:0;line-height:0}
.cmw-slider-nav .slick-dots li button{font-size:0;line-height:0;display:block;width:40px;height:3px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:#d3d3d3;transition:background .3s ease}
.cmw-slider-nav .slick-dots li.slick-active button{background:#00b4d8}
.cmw-slider-nav .slick-dots li button:before{display:none}

.cmw-slider-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:30px}
.cmw-slider-nav .slick-dots{margin:0!important;display:flex!important}
.cmw-slider-arrow{width:48px;height:48px;flex:0 0 48px;border-radius:50%;border:1.5px solid #c9d1da;background:#fff;color:#1b2a3d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .25s,border-color .25s,color .25s,transform .25s}
.cmw-slider-arrow:hover,.cmw-slider-arrow:focus-visible{background:var(--cmw-primary);border-color:var(--cmw-primary);color:#fff;outline:none}
.cmw-slider-arrow.cmw-prev:hover{transform:translateX(-2px)}
.cmw-slider-arrow.cmw-next:hover{transform:translateX(2px)}
.cmw-slider-nav.is-single{display:none}
@media (max-width:767px){.cmw-slider-nav{gap:14px}.cmw-slider-arrow{width:42px;height:42px;flex-basis:42px}.cmw-slider-nav .slick-dots li button{width:24px!important}}

/* Section video (image-with-content blocks) */
.image-content-section-image video.cmw-section-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:inherit;background:#0b1e3a}

/* cmw-inline-links: visible links inside section copy (press coverage, citations) */
.image-content-section p a,
.image-content-section li a {
	text-decoration: underline;
	text-decoration-color: #00aeef;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
	transition: color .2s ease;
}
.image-content-section p a:hover,
.image-content-section li a:hover {
	color: #00aeef;
}

/* ---------- Leadership (About) ---------- */
.cmw-leadership{padding:100px 0;background:#f8f9fa}
.cmw-leadership .section-heading{margin-bottom:50px}
.cmw-leadership-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.cmw-leadership-intro p{font-size:18px;line-height:1.7;color:#4a5260;margin:0 0 18px}
.cmw-leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:680px;margin-left:auto;width:100%}
.cmw-leader-card{display:block;color:#050b14;text-decoration:none}
.cmw-leader-card:hover,.cmw-leader-card:focus{color:#050b14;text-decoration:none}
.cmw-leader-card:focus-visible{outline:2px solid #00aeef;outline-offset:6px}
.cmw-leader-photo{display:block;aspect-ratio:4/5;overflow:hidden;background:#0b1626;margin-bottom:24px}
.cmw-leader-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(100%);transition:transform .6s ease,filter .6s ease}
.cmw-leader-card:hover .cmw-leader-img,.cmw-leader-card:focus-visible .cmw-leader-img{transform:scale(1.04);filter:grayscale(0)}
.cmw-leader-monogram{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:56px;font-weight:300;letter-spacing:.1em;background:linear-gradient(160deg,#0b1626 0%,#0a0f18 60%,#0077b6 140%)}
.cmw-leader-name{font-size:26px;font-weight:600;line-height:1.2;margin:0 0 6px;color:#050b14}
.cmw-leader-title{display:block;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#0077b6}
.cmw-leader-more{display:inline-block;margin-top:16px;font-size:15px;font-weight:500;padding-bottom:3px;border-bottom:2px solid #00aeef;transition:padding .3s ease}
.cmw-leader-card:hover .cmw-leader-more{padding-right:6px}
@media (max-width:991px){.cmw-leadership-wrap{grid-template-columns:1fr;gap:40px}.cmw-leadership-grid{margin-left:0}}
@media (max-width:767px){.cmw-leadership{padding:64px 0}.cmw-leadership .section-heading{margin-bottom:32px}.cmw-leadership-intro p{font-size:16px}.cmw-leadership-grid{gap:16px}.cmw-leader-photo{margin-bottom:14px}.cmw-leader-name{font-size:18px}.cmw-leader-title{font-size:11px;letter-spacing:.12em}.cmw-leader-more{font-size:13px;margin-top:10px}.cmw-leader-monogram{font-size:36px}}

/* ---------- About: "Who We Are" C mosaic matches the text height ---------- */
.page-id-47 .image-content-section-image img{background:#050b14}
@media (min-width:992px){
.page-id-47 .image-content-section-wrapper > .col-lg-6:has(.image-content-section-image){display:flex}
.page-id-47 .image-content-section-image{flex:1;display:flex}
.page-id-47 .image-content-section-image img{width:100%;height:100%;min-height:460px;object-fit:cover;object-position:center}
}

/* ---------- Partner bio pages ---------- */
.cmw-bio{padding:100px 0}
.cmw-bio-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.cmw-bio-photo{position:sticky;top:120px;aspect-ratio:4/5;overflow:hidden;background:#0b1626;max-width:440px;width:100%}
.cmw-bio-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.cmw-bio-body .cmw-leader-title{margin-bottom:12px}
.cmw-bio-body .section-heading{margin-bottom:32px}
.cmw-bio-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 36px;padding:0}
.cmw-bio-tags li{font-size:14px;font-weight:500;line-height:1;padding:11px 18px;border:1px solid #c9d2dc;border-radius:999px;color:#050b14;background:#fff;transition:border-color .25s ease,color .25s ease}
.cmw-bio-tags li:hover{border-color:#00aeef;color:#0077b6}
.cmw-bio-text p{font-size:18px;line-height:1.8;color:#4a5260;margin:0 0 20px}
.cmw-bio-links{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:36px}
.cmw-bio-links a{color:#050b14;text-decoration:none}
.cmw-bio-back{font-size:15px;color:#4a5260 !important}
.cmw-bio-back:hover{color:#0077b6 !important}
@media (max-width:991px){.cmw-bio{padding:64px 0}.cmw-bio-wrap{grid-template-columns:1fr;gap:40px}.cmw-bio-photo{position:static;max-width:340px}}
@media (max-width:575px){.cmw-bio-photo{max-width:260px}.cmw-bio-tags li{font-size:13px;padding:9px 14px}.cmw-bio-text p{font-size:16px}}

/* Visually hidden text for screen readers */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}

/* ---------- Service pages: Industries We Do This For ---------- */
.cmw-svc-industries{padding:90px 0;background:#f8f9fa}
.cmw-svc-ind-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:40px}
.cmw-svc-ind-head .section-heading{margin:0}
.cmw-svc-ind-head .cmw-leader-more{color:#050b14;text-decoration:none;margin:0}
.cmw-svc-ind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;list-style:none;margin:0;padding:0}
.cmw-svc-ind-card{position:relative;display:flex;flex-direction:column;height:100%;padding:28px 56px 28px 28px;background:#fff;border:1px solid #d6dbe1;color:#050b14;text-decoration:none;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.cmw-svc-ind-card:hover,.cmw-svc-ind-card:focus-visible{border-color:#00aeef;transform:translateY(-3px);box-shadow:0 12px 28px rgba(5,11,20,.08);color:#050b14;text-decoration:none}
.cmw-svc-ind-card:focus-visible{outline:2px solid #00aeef;outline-offset:3px}
.cmw-svc-ind-name{font-size:20px;font-weight:600;line-height:1.25;margin-bottom:8px}
.cmw-svc-ind-desc{font-size:15px;line-height:1.55;color:#4a5260}
.cmw-svc-ind-arrow{position:absolute;top:26px;right:24px;font-size:20px;color:#00aeef;transition:transform .3s ease}
.cmw-svc-ind-card:hover .cmw-svc-ind-arrow{transform:translateX(4px)}
@media (max-width:767px){.cmw-svc-industries{padding:60px 0}.cmw-svc-ind-head{margin-bottom:28px}.cmw-svc-ind-grid{grid-template-columns:1fr;gap:12px}.cmw-svc-ind-card{padding:22px 52px 22px 22px}.cmw-svc-ind-name{font-size:18px}}