.elementor-kit-7{--e-global-color-primary:#171717;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f95d647:#C2E7FD;--e-global-color-8a2da76:#A0C5FD;--e-global-color-212eaea:#4560ED;--e-global-color-84bafe5:#F3BB73;--e-global-color-4ac8afd:#EB9840;--e-global-color-c03f061:#EFC12B;--e-global-color-28d4f34:#79D982;--e-global-color-17b7f9f:#C4B4FE;--e-global-color-7ef44e8:#EBA9FC;--e-global-color-b7c199b:#171717;--e-global-color-1bf0bcc:#F5F5F5;--e-global-color-ad494e4:#54595F;--e-global-color-cb953cb:#858B93;--e-global-color-ba74a9b:#BFBFBF;--e-global-color-0788d6e:#F7D7B3;--e-global-color-db3e42c:#DEEBFE;--e-global-color-67fe797:#BAECBF;--e-global-color-bf12ba0:#EFEBFF;--e-global-color-b8b1c10:#F8E2FE;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h4{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-weight:bold;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*********** ACCORDION MENU STYLING FOR SERVICES ***********/
/* Grid item default styling */
.grid-3x2 .e-con-inner > .e-con {
  border-right: 1px dashed  #D9D9D9;
  border-bottom: 1px dashed  #D9D9D9;
  background-color: transparent;
}

/* Remove right border from items 3 and 6 */
.grid-3x2 .e-con-inner > .e-con:nth-child(3n) {
  border-right: none;
}

/* Remove bottom border from items 4, 5, 6 */
.grid-3x2 .e-con-inner > .e-con:nth-child(n+4) {
  border-bottom: none;
}

/* Accordion Styling */
/* Remove border from all summary elements first */
.e-n-accordion-item-title {
  border: none !important;
}

.e-n-accordion-item:not(:last-of-type) .e-n-accordion-item-title {
  border-bottom: 1px solid #D9D9D9 !important;
}

.e-n-accordion-item .e-con {
  border: none !important;
  padding: 20px; /* or whatever value you'd like */
}

button,
.elementor-button,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box; /* Ensures padding doesn't overflow width */
}

/*********** FILTER FOR CASE STUDIES ***********/

/* Lay out the radio options like chips */
.sf-pills .search-filter-input-group {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  column-gap: 10px; /* space in between pills */
  list-style: none;
}

.sf-pills .search-filter-input-radio__control { 
  display: none !important; 
}

/* Chip (pill) base — the clickable label */
.sf-pills .search-filter-input-radio__container {
  padding: 8px 14px;
  border-radius: 10px;            /* softer corners */
  background: #f5f5f5;
  color: #171717;
  /*border: 0px solid #e4e4e4;*/
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, 
              border-color .18s ease, box-shadow .18s ease;
  user-select: none;
  
  /* Added to avoid wrapping */
  display: inline-flex;        /* make the chip size to content */
  align-items: center;
  white-space: nowrap;         /* no internal wrapping */
  flex: 0 0 auto;              /* don't shrink and cause wrap */
}

/* The text span inside (ensure no weird spacing) */
.sf-pills .search-filter-input-radio__label {
  margin-left: -10px; 
  line-height: 1.2;
  color: #171717;
}

/* The text span inside (ensure no weird spacing) */
.sf-pills .search-filter-input-radio__label:hover {
  color: #ffffff;
}

.sf-pills .search-filter-input-radio--is-active .search-filter-input-radio__label {
  color: #ffffff !important;
}


/* Pill Container Hover */
.sf-pills .search-filter-input-radio__container:hover {
  background: #171717; 
}

/* Pill Container Active */
.sf-pills .search-filter-input-radio--is-active .search-filter-input-radio__container {
  background: #171717;      /* dark background */

}

/* Responsive tweaks */
@media (max-width:1024px) {
  .sf-pills .search-filter-input-radio__container { 
    padding: 7px 12px; 
  }
}
@media (max-width:768px) {
  .sf-pills .search-filter-input-group {
    overflow-x: auto; 
    flex-wrap: nowrap; 
    -webkit-overflow-scrolling: touch;
  }
}

/*********** CTA BUTTON Color by Page ***********/

/* Data & AI Strategy */
.page-id-2979 #cta-button .elementor-button{
  background-color: #EB9840; /* orange for ai strategy page */
  color: #171717;
}

.page-id-2979 #cta-button .elementor-button:hover{
  background-color: #171717; /* orange for ai strategy page */
  color: #F5F5F5;
}

/* Generative AI Solutions */
.page-id-1749 #cta-button .elementor-button{
  background-color: #A0C5FD; /* orange for ai strategy page */
  color: #171717;
}

.page-id-1749 #cta-button .elementor-button:hover{
  background-color: #171717; /* orange for ai strategy page */
  color: #F5F5F5;
}

/* Data Science & Analytics */
.page-id-3267 #cta-button .elementor-button{
  background-color: #C4B4FE; /* orange for ai strategy page */
  color: #171717;
}

.page-id-3267 #cta-button .elementor-button:hover{
  background-color: #171717; /* orange for ai strategy page */
  color: #F5F5F5;
}

/* Data & AI Infrastructure */
.page-id-3248 #cta-button .elementor-button{
  background-color: #79D982; /* orange for ai strategy page */
  color: #171717;
}

.page-id-3248 #cta-button .elementor-button:hover{
  background-color: #171717; /* orange for ai strategy page */
  color: #F5F5F5;
}

/********************** Team Member ***************************/
/* 1) Card is the positioning context & clips edges */
.ds-flip-card{
  position: relative;
  overflow: hidden;
}

/* 2) Make inner 'transparent' so faces position to the card, not to inner */
.ds-flip-inner{
  position: static;  /* key change */
  width: 100%;
  height: 100%;
}

/* 3) Faces fill the card EXACTLY */
.ds-flip-front,
.ds-flip-back{
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* 4) Overlay visibility (your existing behavior) */
.ds-flip-back{
  z-index: 2;                 /* above front */
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
.ds-flip-card:hover .ds-flip-back,
.ds-flip-card:focus-within .ds-flip-back{
  opacity: 1;
  pointer-events: auto;
}/* End custom CSS */