.elementor-kit-8{--e-global-color-primary:#28E98C;--e-global-color-secondary:#13834D;--e-global-color-text:#666666;--e-global-color-accent:#1C1D20;--e-global-color-nt_light:#F9F9F9;--e-global-color-nt_border:#E0E0E0;--e-global-color-nt_mint:#F6FFFB;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.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);}@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 *//* =========================================================
   Nandir Temlong — site-wide adjustments to the Xiomi theme
   (ported from the approved Next.js build). Edit in
   Elementor > Site Settings > Custom CSS.
   ========================================================= */

/* 0. Heading weights as in the theme stylesheet (the theme options add a
      blanket 700 weight that made headings lighter than the approved design) */
body h1, body h2, body h3, body h4 { font-weight: 800; }
body h5 { font-weight: 700; }
body h6 { font-weight: 600; }

/* 1. Keep brand casing (e.g. "iXhale"); the theme capitalizes headings */
.experience-items h4, .experience-items h6, .services-item h4, .price-item h4,
.award-box .elementor-icon-box-title, .breadcrumb-wrapper .page-heading h1,
.service-details-item h2, .service-details-item h3, .site-footer-links a,
.testimonial-box-items h5, .testimonials-item h5, .credentials-card .elementor-heading-title,
.page-title, .breadcrumb-content .page-list li { text-transform: none !important; }

/* 2. Hero: rotating role line wraps neatly; soften the photo's cropped hands */
.hero-1 .hero-content h1 .type-text { display: block; white-space: normal; font-size: .85em; line-height: 1.15; min-height: 2.3em; }
.hero-1 .hero-content h1 .type-text .highlight { color: #666666; }
.hero-1 .hero-content h1 .type-text::after { content: "|"; font-weight: 400; color: #BBBBBB; animation: ntBlink .8s steps(1) infinite; }
@keyframes ntBlink { 50% { opacity: 0; } }
.hero-1 .hero-images > img {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
}

/* 3. Home about: headshot frame + stat badges (Icon Box widgets) */
.about-home .about-wrapper-1 .about-images > img { border-radius: 24px; }
.about-home .stat-badge { position: absolute; z-index: 9; width: auto !important; max-width: none; }
.about-home .stat-badge--right { top: 165px; right: -107px; }
.about-home .stat-badge--left { bottom: 52px; left: -21px; }
.stat-badge .elementor-icon-box-wrapper {
  display: flex; align-items: center; gap: 16px; text-align: left;
  background: #F9F9F9; border-radius: 16px; padding: 24px 32px;
}
.stat-badge--left .elementor-icon-box-wrapper { background: #fff; border: 1.5px solid #28E98C; padding: 18px 24px; }
.stat-badge .elementor-icon-box-icon { margin: 0 !important; display: inline-flex; }
.stat-badge .elementor-icon {
  width: 56px; height: 56px; border-radius: 50%; background: #28E98C; box-shadow: 0 0 0 4px #fff;
  display: inline-flex; align-items: center; justify-content: center; font-size: 22px;
}
.stat-badge .elementor-icon i, .stat-badge .elementor-icon svg { color: #1C1D20; fill: #1C1D20; }
.stat-badge .elementor-icon-box-title, .stat-badge .elementor-icon-box-title a { color: #1C1D20 !important; }
.stat-badge .elementor-icon-box-title { margin: 0; font-family: "Manrope", sans-serif; font-size: 40px; font-weight: 800; color: #1C1D20; line-height: 1.05; }
.stat-badge--left .elementor-icon-box-title { font-size: 28px; }
.stat-badge .elementor-icon-box-description { margin: 4px 0 0; font-family: "Inter", sans-serif; font-size: 18px; color: #666 !important; }
.stat-badge--left .elementor-icon-box-description { font-size: 15px; font-weight: 500; color: #1C1D20 !important; }
@media (max-width: 1399px) { .about-home .stat-badge--right { right: -20px; } }
@media (max-width: 767px) {
  .stat-badge .elementor-icon-box-wrapper { padding: 14px 18px; gap: 10px; }
  .stat-badge .elementor-icon-box-title { font-size: 26px; }
  .stat-badge .elementor-icon-box-description { font-size: 14px; }
  .stat-badge .elementor-icon { width: 42px; height: 42px; font-size: 17px; }
  .about-home .stat-badge--right { right: 0; top: 40px; }
  .about-home .stat-badge--left { left: 0; }
}

/* 4. Services list: descriptions line up in one column */
@media (min-width: 1200px) {
  .services-home .services-item .head { width: 380px; flex: none; }
  .services-home .services-item .text { flex: 1; padding: 0 60px 0 40px; }
}

/* 5. Approaches strip: abbreviation above label, no "%" sign */
.client-wrapper .client-items .client-item { justify-content: flex-start; }
.client-wrapper .client-items .client-item .number {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  margin: 12px 0 0; text-align: center; font-size: 0 !important;
}
.client-wrapper .client-items .client-item .number .count,
.client-wrapper .client-items .client-item .number .count-label { font-size: 24px; white-space: nowrap; }
.client-wrapper .client-items .client-item .number .text { font-size: 16px; margin: 0; }

/* 6. Awards & credentials boxes */
.award-box { position: relative; padding-right: 110px !important; transition: .3s; }
.award-box .award-badge { position: absolute !important; right: 30px; top: 0; bottom: 0; margin: auto 0; height: fit-content; width: 64px !important; }
.award-box .award-logo .elementor-icon { transition: .3s; }
.award-box:hover .award-logo .elementor-icon { background-color: #28E98C !important; color: #1C1D20 !important; fill: #1C1D20 !important; }
@media (max-width: 767px) {
  .award-box { padding: 24px 80px 24px 20px !important; }
  .award-box .award-badge { width: 46px !important; right: 18px; }
  .award-box .elementor-icon-box-title { font-size: 19px !important; }
}

/* 7. Ways to work together: equal-height cards, button at the bottom */
.engagement-section .elementor-widget-xiomi-pricing-one-widget,
.engagement-section .elementor-widget-xiomi-pricing-one-widget > .elementor-widget-container,
.engagement-section .price-wrapper { height: 100%; }
.engagement-section .price-wrapper .price-item { height: calc(100% - 30px); display: flex; flex-direction: column; }
.engagement-section .price-wrapper .price-item .theme-btn { margin-top: auto; }

/* 8. Testimonial / philosophy cards: avatar size */
.testimonial-box-items .client-info img, .testimonials-item .thumb img {
  width: 56px !important; height: 56px !important; flex: none; border-radius: 50%; object-fit: cover;
}
.testimonials-item .thumb img { width: 64px !important; height: 64px !important; }

/* 9. Long-form content rhythm */
.service-details-item p { margin-bottom: 14px; }

/* 10. About: story section with the cut-out photo */
.about-story .about-images { display: flex; justify-content: center; align-items: flex-end; }
.about-story .about-images > img {
  width: auto; max-width: 100%; max-height: 733px; margin: 0 auto;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
}
.about-story__text p { color: #666; line-height: 1.8; margin-bottom: 14px; }

/* 11. Education & certifications cards */
.credentials-card { background: #F9F9F9; border: 1px solid #6666663D; border-radius: 16px; padding: 40px !important; transition: .3s; }
.credentials-card:hover { background: #F6FFFB; border-color: #28E98C; }
.credentials-card__title { padding-bottom: 18px; margin-bottom: 10px; border-bottom: 1px solid #E0E0E0; }
.credentials-card__title .elementor-heading-title { font-size: 28px; font-weight: 700; color: #1C1D20 !important; display: flex; align-items: center; gap: 12px; }
.credentials-card__title i { color: #28E98C; }
.credentials-card__item:not(:last-child) { border-bottom: 1px dashed rgba(102, 102, 102, .24); }
.credentials-card__item h4.elementor-heading-title { font-size: 20px; font-weight: 700; margin: 0 0 4px; color: #1C1D20 !important; }
.credentials-card__meta .elementor-heading-title { color: #28E98C !important; font-weight: 600; font-family: "Manrope", sans-serif; font-size: 16px; }
.credentials-card__item p { margin: 8px 0 0; color: #666; line-height: 1.7; }
@media (max-width: 991px) { .credentials-card { padding: 28px 22px !important; } }

/* 12. "In my words" light slider */
.philosophy-light .testimonials-item { min-height: 260px; }

/* 13. Services page cards */
.service-card-items-2 h4 { text-transform: none !important; }
.service-card-items-2 .icon {
  width: 70px; height: 70px; border-radius: 50%; border: 1px solid #28E98C;
  display: inline-flex !important; align-items: center; justify-content: center; margin: 0 auto 20px; transition: .3s;
}
.service-card-items-2:hover .icon { background: #28E98C; }
.service-card-items-2:hover .icon img { filter: brightness(0) saturate(100%) invert(9%) sepia(6%) saturate(1052%) hue-rotate(194deg); }
.services-page__wide .service-card-items-2 { max-width: 640px; margin: 0 auto; }
.services-page__wide .elementor-widget-xiomi-service-box-widget { width: 100%; }

/* 14. Service detail pages */
.detail-hero, .detail-hero img { width: 100%; }
.detail-hero img { aspect-ratio: 852 / 432; object-fit: cover; border-radius: 16px; border: 1px solid rgba(102, 102, 102, .24); }
.detail-gallery, .detail-gallery img { width: 100%; }
.detail-gallery img { aspect-ratio: 408 / 290; object-fit: cover; border-radius: 16px; }
.quote-box { position: relative; background: linear-gradient(180deg, #F1FFF8 0%, #FFFFFF 100%) !important; padding: 40px 60px 30px !important; }
.quote-box .quote-box__mark { position: absolute !important; left: 40px; top: 30px; width: 64px !important; opacity: .9; }
.quote-box .quote-box__text .elementor-heading-title {
  position: relative; text-transform: none !important; color: #1C1D20 !important;
  font-family: "Manrope", sans-serif !important; font-size: 19px !important; font-weight: 600 !important; line-height: 1.55 !important;
}
.quote-box__author .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 18px !important; font-weight: 600 !important; color: #1C1D20 !important; }
.quote-avatar img { width: 40px !important; height: 40px !important; border-radius: 50%; object-fit: cover; background: #E9E9E9; }
.focus-areas .categories-list .list-item span {
  display: inline-block; padding: 4px 9px; background: #fff; margin: 0 5px 12px 0; border-radius: 30px; border: 1px solid transparent; color: #666;
}
.main-sidebar .single-sidebar-widget .service-list ul li.active { background-color: #F6FFFB; border-color: #28E98C; }
@media (max-width: 767px) {
  .quote-box { padding: 30px 20px !important; }
  .quote-box .quote-box__mark { left: 16px; top: 16px; width: 44px !important; }
}

/* 15. Contact page: form box (Elementor Pro Form styled like the theme's contact form) */
.contact-form-box { border-radius: 24px; background: #F9F9F9; padding: 48px !important; }
@media (max-width: 1199px) { .contact-form-box { padding: 30px !important; } }
.contact-form-title { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1.5px solid rgba(102, 102, 102, .16); }
.contact-form-title .elementor-heading-title { color: #1C1D20 !important; }
.nt-contact-form .elementor-form-fields-wrapper { margin-left: -7.5px; margin-right: -7.5px; }
.nt-contact-form .elementor-field-group { padding-left: 7.5px !important; padding-right: 7.5px !important; margin-bottom: 15px !important; }
.nt-contact-form .elementor-field-textual {
  background: #fff !important; border: 0 !important; border-radius: 12px !important; padding: 24px !important;
  font-family: "Inter", sans-serif; font-size: 16px !important; color: #1C1D20; min-height: 0; line-height: 1.4;
}
.nt-contact-form textarea.elementor-field-textual { height: 134px; resize: none; }
.nt-contact-form .elementor-field-textual:focus { box-shadow: 0 0 0 1.5px #28E98C; }
.nt-contact-form .e-form__buttons, .nt-contact-form .elementor-field-type-submit { margin-top: 15px; }
.nt-contact-form .elementor-button {
  width: 100%; background: #28E98C !important; color: #1C1D20 !important; border-radius: 100px !important; padding: 20px 30px !important;
  font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 600; line-height: 1; transition: .3s;
}
.nt-contact-form .elementor-button:hover { background: #1C1D20 !important; color: #fff !important; }
.nt-contact-form .elementor-button .elementor-button-icon { font-size: 14px; }
.nt-contact-form .elementor-message { margin-top: 20px; padding: 14px 20px; border-radius: 10px; font-weight: 500; }
.nt-contact-form .elementor-message.elementor-message-success { background: #E8FDF2; color: #0E7A45; border: 1px solid #28E98C; }
.nt-contact-form .elementor-message.elementor-message-danger { background: #FFF1F1; color: #B42318; border: 1px solid #F3B4B4; }
.form-note p { margin: 18px 0 0; font-size: 14px; color: #888; }/* End custom CSS */