.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#00B9FF;--e-global-color-8cd3cd7:#FFFFFF;--e-global-color-62b291f:#000000;--e-global-color-e581ba1:#0F131E;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-size:62px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:24px;--e-global-typography-text-letter-spacing:0.6px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-8cd3cd7 );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-8cd3cd7 );}.elementor-kit-9 h1{color:var( --e-global-color-8cd3cd7 );}.elementor-kit-9 h2{color:var( --e-global-color-8cd3cd7 );}.elementor-kit-9 h3{color:var( --e-global-color-8cd3cd7 );}.elementor-kit-9 h4{color:var( --e-global-color-8cd3cd7 );}.elementor-kit-9 h5{color:var( --e-global-color-8cd3cd7 );}.elementor-kit-9 h6{color:var( --e-global-color-8cd3cd7 );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:var( --e-global-color-e581ba1 );}.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-kit-9{--e-global-typography-primary-font-size:35px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:24px;--e-global-typography-text-letter-spacing:0.6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Sails Case Studies – Card & Section Restyle ===== */

/* Page & section background */
body.page-id-4462 .elementor-text-editor,
body.page-id-4462 .elementor-widget-text-editor .elementor-widget-container {
  background-color: #0F131E !important;
}

/* Hero cover block */
body.page-id-4462 .wp-block-cover {
  background-color: #0F131E !important;
}

/* "Our Success Stories" section wrapper */
body.page-id-4462 .elementor-text-editor > .wp-block-group {
  background-color: #0F131E !important;
  padding: 60px 0 40px !important;
}

/* H2 heading – sky blue */
body.page-id-4462 .wp-block-heading.has-text-align-center {
  color: #6EC1E4 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 42px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

/* Subtitle paragraph under H2 */
body.page-id-4462 .wp-block-group > p.has-text-align-center {
  color: #B5BFC9 !important;
  font-size: 16px !important;
  max-width: 680px;
  margin: 0 auto 40px !important;
}

/* Columns wrapper – remove outer padding, center */
body.page-id-4462 .wp-block-columns {
  padding: 0 !important;
  margin: 0 auto !important;
  gap: 24px !important;
  background-color: #0F131E !important;
}

/* Each card outer column */
body.page-id-4462 .wp-block-column {
  margin: 0 !important;
}

/* Card box – replace white with dark charcoal */
body.page-id-4462 .wp-block-columns .wp-block-column .wp-block-group {
  background-color: #2C3338 !important;
  border: 1px solid rgba(110,193,228,0.15) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* Card image – full width, fixed height */
body.page-id-4462 .wp-block-columns .wp-block-image {
  margin: 0 !important;
  padding: 0 !important;
}
body.page-id-4462 .wp-block-columns .wp-block-image img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 10px 10px 0 0 !important;
}

/* Card inner content group */
body.page-id-4462 .wp-block-columns .wp-block-column .wp-block-group > .wp-block-group {
  background-color: #2C3338 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 20px 22px 22px !important;
}

/* Category label */
body.page-id-4462 .wp-block-columns p.has-text-color:first-child {
  color: #6EC1E4 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  margin-bottom: 10px !important;
}

/* Card H3 title – white */
body.page-id-4462 .wp-block-columns h3.wp-block-heading {
  color: #FFFFFF !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}

/* Card description text – muted */
body.page-id-4462 .wp-block-columns .wp-block-group > .wp-block-group p:not(:first-child) {
  color: #B5BFC9 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 18px !important;
}

/* Read More button */
body.page-id-4462 .wp-block-columns .wp-block-button__link {
  background-color: #1C4666 !important;
  color: #6EC1E4 !important;
  border: 1px solid #6EC1E4 !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 18px !important;
}

/* Spacers */
body.page-id-4462 .wp-block-spacer {
  background-color: #0F131E !important;
}

/* ===== RESPONSIVE: Stack cards vertically on tablet/mobile ===== */
@media (max-width: 1024px) {
  body.page-id-4462 .wp-block-columns {
    flex-wrap: wrap !important;
  }
  body.page-id-4462 .wp-block-columns .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 781px) {
  body.page-id-4462 .wp-block-columns,
  body.page-id-4462 .wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }
  body.page-id-4462 .wp-block-columns.is-not-stacked-on-mobile .wp-block-column,
  body.page-id-4462 .wp-block-columns .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 280px !important;
    margin-left: 0 !important;
  }
}

/* Read More button alignment - keep buttons on same line across cards */
body.page-id-4462 .wp-block-group.has-border-color > .wp-block-group {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* Make description paragraph grow to push button to bottom */
body.page-id-4462 .wp-block-group.has-border-color > .wp-block-group > p.has-text-color:last-of-type {
  flex-grow: 1 !important;
}/* End custom CSS */